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标签,如果经常用其他的标签请自行增加。