tinymce 4 пользовательских класса для пользователей

Question

Как добавить пользовательские классы в tinymce 4? Я хочу выбрать, где пользователи могут выбрать класс для использования в своем тексте. Я не хочу использовать стандартные плагины, такие как forecolor, потому что я хочу дать определенные классы, которые могут использовать мои пользователи.

Краткое пример:

TinyMCE редактор "выберите класс" (кнопка на панели инструментов)

• Красный
• Синий
• Зеленый

my_custom_css.css

.red { color: red; } 
.blue { color: blue; } 
.green { color: green; } 

Answer 1

Для этого вы можете использовать опцию конфигурации style_formats. В документации TinyMCE содержится вся необходимая информация: http://www.tinymce.com/wiki.php/Configuration:style_formats

Стили, указанные в этом параметре, будут отображаться в выпадающем меню и могут применяться как встроенные стили, так и классы. Если вы решите применить классы к выбранным элементам, вам, вероятно, захочется включить пользовательскую таблицу стилей для содержимого редактора, используя опцию content_css.

В вашем примере, соответствующая часть конфигурации будет выглядеть следующим образом:

tinymce.init({ 
    ... 
    style_formats: [ 
     {title: 'Red', inline: 'span', classes: 'red'}, 
     {title: 'Green', inline: 'span', classes: 'green'}, 
     {title: 'Blue', inline: 'span', classes: 'blue'} 
    ], 
    content_css: 'my_custom_css.css' 
});