javascript - Ckeditor - 为什么 dataProcessor.htmlFilter.addRules 不起作用？如何修复它？

Question

我想在 ckeditor 中创建段落时自动添加某个类。我写了这段代码，但它不起作用。

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

为什么？我该如何解决我的问题？

Answer 1

请使用如下所示的内容。您应该使用 dataFilter 而不是 htmlFilter ，最好的方法是同时使用它们，以避免在设计/所见即所得模式下创建没有类的段落，然后您切换到源模式或从编辑器获取数据。

        var editor = CKEDITOR.replace( 'editor1', {
            language: 'en',
            extraPlugins : 'placeholder',
            on: {
                pluginsLoaded: function( evt ) {
                    evt.editor.dataProcessor.dataFilter.addRules( {
                        elements: {
                            p: function( el ) {
                                //The Html filter works when you load data into editor.
                                if(!el.hasClass('nomargins'))
                                    el.addClass('nomargins');
                            }
                        }
                    } );
                    evt.editor.dataProcessor.htmlFilter.addRules( {
                        elements: {
                            p: function( el ) {
                                //The Html filter works when you get data from editor.
                                if(!el.hasClass('nomargins'))
                                    el.addClass('nomargins');
                            }
                        }
                    } );
                }
            }
        });