ckeditor - 使用没有标签 p 的 CKEditor block 引用

Question

在 CKEditor 中，当我在工具栏中使用块引用时，它会像

<blockquote>
  <p></p>
</blockquote>

如何去除标签 <p></p>在块报价？

或者如何更换 <p></p>与 <pre></pre> ?

Answer 1

此代码向编辑器添加过滤器以将“p”标记更改为“pre”标记，只要“p”标记位于“bloquote”块内。

 CKEDITOR.on( 'instanceReady', function( ev )
    {
        var editor = ev.editor;
        var dataProcessor = editor.dataProcessor,
        htmlFilter = dataProcessor && dataProcessor.htmlFilter;

        htmlFilter.addRules(
        {
            elements:
            {
                $: function (element) {
                    var parent = element.parent;

                    if (element.name == 'p') {
                        if (parent && parent.name.toLowerCase()=='blockquote') {
                            element.name="pre";
                        } 
                    } 

                    return element;
                }
            }
        });

    });

看一个例子:

https://jsfiddle.net/z6y8q6rm/4/