Персонализирани стилове TinyMCE 4

Проблемът ми е, че трябва да приложа персонализиран css към tinyMCE, но те просто не се хващат. Опитах да заменя и стиловете по подразбиране, но все още ги зарежда от някъде другаде.

Според техните документи мога да използвам "content_css", за да приложа персонализираните си стилове, но това също не работи.

Някакви идеи как мога да приложа стиловете?

Това е моята конфигурация:

$(".type").tinymce({
    plugins : 'advlist autolink link lists',
    theme: "modern",
    skin: 'test',
    content_css:"/static/js/general/tinymce/skins/test/custom.css",
    inline:true,
    menubar:false,
});

person Jon Snow    schedule 29.07.2013    source източник
comment
content_css е начинът и съм сигурен, че работи. Уверете се, че пътят ви до css файла е правилен и също опитайте да изчистите кеша/натиснете бутона за опресняване.   -  person Wesley Murch    schedule 29.07.2013
comment
може да опитате да използвате абсолютен път за css файла   -  person Thariama    schedule 29.07.2013
comment
интересно нещо, което забелязах е, че го кешира някъде или зарежда стила от разстояние, защото бях форматирал css, но все още имаше минимизираната версия и дори се опитах да го изтрия, но все пак го намери   -  person Jon Snow    schedule 29.07.2013


Отговори (1)


Открих, че използвайки свойството skin в init, CSS на кожата, зареден през там, ще замени локалния

Не съм сигурен (още не съм тествал), но като мен, вие вероятно зареждате tinymce нещата след края на <body>, така че tinymce ще зарежда css файловете

  • <path-to-tinymce-js>/skins/<your-skin-name>/content.min.css
  • <path-to-tinymce-js>/skins/<your-skin-name>/skin.min.css

Изображението, че tinymce js е в assets/tinymceфайловете, които ще зареди, са:

  • assets/tinymce/skins/test/content.min.css
  • assets/tinymce/skins/test/skin.min.css

така че те се зареждат след дефинираните на <head>

Но ако всичко друго се провали: твърдо съм кодирал промените в css в skin.min.css...

Забележете!

Все още използвам content_css, за да променя css в <iframe> (пример: шрифтове, цвят на фона, ...)

person mloureiro    schedule 04.06.2014
comment
А, бях забравил за този въпрос, аз също в крайна сметка използвах този метод. Добро обаждане! - person Jon Snow; 05.06.2014