Применение CSS в TinyMCE

Question

Я использую ForeColor в TinyMCE Rich Text Editor.

он использует стиль для применения цвета перед выделенным текстом следующим образом

<span style="color: rgb(255, 0, 0);" mce_style="color: #ff0000;">Hello</span>.

Я хочу применить класс CSS вместо "стиля" здесь ... как применить класс CSS здесь? Эти классы Css содержат цветовые коды.

Пример:

<span class="colorRed">Hello</span>

Мой класс CSS

.colorRed
{
color: #ff0000;
}

спасибо

Answer 1

Поскольку вы хотите, чтобы ваш CSS применялся к содержимому редактора tinymces, вам нужно добавить свой класс в класс, с которым стилизовано содержимое вашего редактора.

Если вы не используете пользовательский файл content_css при инициализации tinymce (init-function), будет использоваться файл content_css в зависимости от темы, заданной вами в функции init (используемый файл находится в подпапке папки тем).

Я предлагаю вам создать собственный файл content.css, который вы загружаете, используя параметр content_css в функции init. См. эту ссылку для документации по tinymce для этого. Для первого шага вы можете скопировать один из файлов content.css из каталога тем и изменить его.

Answer 2

Поиск по атрибуту content_css и добавьте относительный путь вашего CSS-файла (то есть: myLibFolder / myCss.css) после добавления ","

$('textarea.tinymce').tinymce({
                    // 
                    //
                    //....
                    ,
                    content_css: "css/content.css,myLibFolder/myCss.css"  
                    ,
                     //


});