Ckeditor — как мне сделать, чтобы при создании какого-либо DOM элемента (p, например. или ul) к нему сразу автоматически добавлялся класс?

Question

[alexandrnevajno1]

Как мне это сделать? Мне это нужно, потому что я использую reset.css. Из-за чего у меня нет ни списков, ни bold, ничего такого. Но отменять reset я не хочу. Я хочу добавлять класс для элементов, которые были написаны в ckeditor. В интернете я нашел вот такой код:

CKEDITOR.on('instanceReady', function (ev) {
        var editor = ev.editor;
        editor.dataProcessor.htmlFilter.addRules({
            elements: {
                p: function (el) {
                    el.addClass('myClass');
                }
            }
        });
});

Но он не работает.

Answer 1

[Karen Ananiev]

Вы не должны этого хотеть. Найденное решение имеет ряд существенных недостатоков. Одним из адекватных решений проблемы будет назначение класса для body документа редактора. Для этого есть config.bodyClass. И для его дочерних элементов уже переназначать стили.

Comments

[alexandrnevajno1]

Найденное решение имеет ряд существенных недостатоков.

Например?
Если я сделаю для body, то в местах, где выводится текст, написанный через ckeditor, нужно тоже класс добавлять. А сколько разных мест может быть...

[Karen Ananiev]

Например, вам придется учесть все теги и классы и поддерживать это все в актуальном состоянии. Также фильтры работают только при парсинге данных, например, когда вы переключаете режимы редактора или что-то вставляете. При обычном редактировании он просто не стработает, как вы уже заметили. Ищите другое решение.