代理加盟 2020全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 秀站网 > 织梦大学 > 使用教程 >

DedeCMS编辑器ckeditor去除标签回车

来源:本站原创 发布时间:2019-03-30 00:00:00热度:我要评论(0

免费下载,无需注册无需充值

       秀站网做网站讲究代码的精简,一些多余、冗余的空格、回车尽可能地删除,代码更简洁让网站速度更快。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.xiuzhanwang.com/dedecms_jq/1338.html

    发表评论

    评论列表(条)