2015-12-15 2 views
1

То, что я пытаюсь сделать в CKEditor, заключается в добавлении некоторых пользовательских стилей, которые должны применяться к нескольким элементам. Каждый из моих элементов (заголовок от h2 до h6, плюс ссылка a) должен иметь 3 элемента, которые изменяют только цвет.Выпадающий стиль стилей CKEditor: добавьте класс к выбранному элементу

Чтобы избежать описания каждого стиля один за другим: H2 Red, H2 Blue, H2 Green, H3 Red, H3 ... Я хотел выбрать элемент, как обычно, из списка Format, а затем элемент из списка стилей. У меня было бы 3 стиля: красный, синий, зеленый, которые могли бы применяться к выбранному элементу, просто добавляя класс, а не определяя сам элемент.

Это выполнимо?

Я рассмотрел использование пользовательского списка цветов (http://docs.ckeditor.com/#!/guide/dev_colorbutton), но цвета добавляются «на лету» с цветовым кодом, поэтому, когда изменяется цвет вашего сайта, вы не можете просто изменить свойство цвета 3 класса, у вас есть изменить все ваши авторские тексты, чего я не хочу, и который, честно говоря, менее изящный.

Я пытался настроить стиль, как это, без определенного элемента (я под Drupal, но мы на самом деле не волнует):

if (typeof(CKEDITOR) !== 'undefined') { 
    CKEDITOR.addStylesSet('drupal', 
    [ 
    { 
     name : 'Blue', 
     attributes : 
     { 
     'class' : 'color-blue' 
     } 
    }, 
    { 
     name : 'Green', 
     attributes : 
     { 
     'class' : 'color-green' 
     } 
    }, 
    { 
     name : 'Red', 
     attributes : 
     { 
     'class' : 'color-red' 
     } 
    }, 
    ]); 
} 

Но это не работает, пролетом автоматически добавлено.

Благодарим за помощь!

ответ

Смежные вопросы