代理加盟

2023全新代理计划,一站式模板建站,铜牌代理低至699元送终身VIP,独立代理后台,自营贴牌。

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

DedeCMS编辑器ckeditor去除标签回车

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

麦站模板建站平台(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!超过1000套模板已登记版权,合规合法建站,规避版权风险!【点击获取方案】

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

    发表评论

    评论列表(条)

       
      QQ在线咨询
      VIP限时特惠