html – 如何强制CKEditor保留标签

html – 如何强制CKEditor保留标签,第1张

概述我使用最新版本的CKEditor(4.7到目前为止)与标准包,我希望能够强制保留换行元素(< br>). 我试图使用以下配置,但没有成功: CKEDITOR.replace('ck', { allowedContent: true, enterMode: CKEDITOR.ENTER_BR}); 正如您可以看到in this jsfiddle,当您打开源模式时,< br>标签 我使用最新版本的CKEditor(4.7到目前为止)与标准包,我希望能够强制它保留换行元素(< br>).

我试图使用以下配置,但没有成功:

CKEDITOR.replace('ck',{    allowedContent: true,enterMode: CKEDITOR.ENTER_BR});

正如您可以看到in this jsfiddle,当您打开源模式时,< br>标签已被替换为& nbsp;.

你是如何实现这一目标的?

解决方法 在此 CKEditor ticket上给出了一种解决方法(或至少部分解决方法),这迫使CKEditor保留< br>标签:

editor.on( 'pluginsLoaded',function( evt ){    evt.editor.dataProcessor.dataFilter.addRules({        elements :{            br : function( element ) {                          //if next element is BR or <!--cke_br_comment-->,ignore it.                if( element && element.next && ( element.next.name == 'br' || element.next.value == 'cke_br_comment' ) ){                    return;                }else {                    var comment = new CKEDITOR.HTMLParser.comment( 'cke_br_comment' );                    comment.insertAfter( element );                 }            }        }    });evt.editor.dataProcessor.HTMLFilter.addRules({    comment : function( value,node ) {        if( value.indexOf('cke_br_comment') >= 0 ) {            return false;        }    }});

Updated fiddle here.

编辑:您可能还想检查我的other answer,它可能会更好地根据您的需要.

总结

以上是内存溢出为你收集整理的html – 如何强制CKEditor保留标签全部内容,希望文章能够帮你解决html – 如何强制CKEditor保留标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1071018.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存