DedeCMS编辑器ckeditor去除标签回车

       秀站网做网站讲究代码的精简，一些多余、冗余的空格、回车尽可能地删除，代码更简洁让网站速度更快。DedeCMS默认的ckeditor处理得还不够好，当然你可以替换成百度编辑器，但CKeditor更精简些。

       ckeditor编辑器属于富媒体编辑器，编辑文章时可以插入文字、图片、flash、表格等，如果需要增加百度、谷歌地图建议用百度编辑器。下面总结ckeditor编辑器存在的两个问题：

回车<br>换成<p>；

       这个是英文编辑的问题，国外都喜欢用<br>换行，但国内的一般喜欢用<p>标签，这没有什么优势或利于优化的说法，只是多数站长的习惯，另外尽量在正文文字标签都统一用<p><h>两种标签，这样便于统一写样式，而不写行内样式（加粗、加颜色除外）。如

<p style="font-size:12px;margin-top:10px;">

       源代码最好是

<h4>这是子标题</h4>
<p>这是文字内容</p>

       打开/include/ckeditor/config.js，找到代码

config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P; 

       修改为

config.enterMode = CKEDITOR.ENTER_P;
config.shiftEnterMode = CKEDITOR.ENTER_BR; 

标签会自动回车如

<p>
     这是内容</p>

修改成

<p>这是内容</p>

       打开/include/ckeditor/config.js，在最下面增加代码

CKEDITOR.on('instanceReady', function (ev) {
with (ev.editor.dataProcessor.writer) {
setRules("p",  { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h1", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h2", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h3", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h4", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h5", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("p",{ indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("li", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("ul", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
}
});

       这些都是常见的HTML标签，如果经常用其他的标签请自行增加。

转载请注明来源网址：https://www.mubanyun.com/dedecms_jq/1338.html