DedeCMS编辑器ckeditor去除标签回车[织梦网站模板使用教程]

阅读  ·  发布日期 2019-05-28 07:03  ·  admin

[织梦网站模板使用教程]做网站讲究代码的精简,一些多余、冗余的空格、回车尽可能地删除,代码更简洁让网站速度更快。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标签,如果经常用其他的标签请自行增加。