Нужна помощь с добавлением классов в элементы HTML Editor

Question

Я использую WYSIWYG-редактор под названием CKEditor , и это действительно потрясающе.Внутри редактора всякий раз, когда я добавляю новый заголовок / текст / DIV / изображение / что-либо еще по этому вопросу, я хочу, чтобы он оставался привязанным к классу:

Как

<h2 class="blah">Sample Text</h2>

<img src="/abc.png" class="blah1" />

Вотссылка: http://docs.cksource.com/CKEditor_3.x/Developers_Guide

Я не очень хорош с Javascript, если кто-то может мне помочь, я был бы очень благодарен!

Спасибо.

Answer 1

Например, следующий код обеспечит заполнение атрибута «alt» элементов:

editor.dataProcessor.htmlFilter.addRules(
{
    elements :
    {
        img : function( element )
        {
            if ( !element.attributes.alt )
                element.attributes.alt = 'An image';
        }
    }
});

Прочитайте обзор (http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor) этот пример был взят оттуда.

Вы можете сделать то же самое для "класса". Посмотрите на существующий вывод, а затем либо добавьте «class», если он отсутствует, либо замените его, если это ваше намерение.

Answer 2

взгляните на ответы на этот вопрос .

настроить диалоги во время определения, добавить поле «класс», а затем установить и получить содержимое функций setup и commit.

посмотрите на ckeditor / _samples / api_dialog.html, чтобы узнать, как изменить диалоги.

для заголовков, которые вы должны посмотреть на изменение команд.У них нет диалогов.

Вероятно, есть способ всегда применять один и тот же класс на основе определенного тега в «процессоре данных».Хотите ли вы всегда устанавливать один и тот же класс каждый раз или разрешать пользователю выбирать класс, это важно, потому что он довольно сильно меняет ваши параметры.