彻底解决CKEdit富文本编辑器按下回车键自动在段落之间增加一行<br>标签的办法-网络教程与技术 -亦是美网络

亦是美网络

致力于操作系统应用与计算机网络技术的IT网站。

站内搜索


最新文章

推荐文章

彻底解决CKEdit富文本编辑器按下回车键自动在段落之间增加一行<br>标签的办法

CKEdit,原名FCKeditor,一款大名鼎鼎的富文本编辑器,由于它安装简单,功能强大,被国内许多CMS、blog等网站系统广泛使用,但是一直以来也有一个问题困扰着CKEdit的广大用户,那就是在编辑文本的时候,按下回车键后,默认是增加一个段落标签,但实际情况是按下回车键后,在增加一个段落的同时,又多出了一个空行,也就是一个换行标签,这就是导致了编辑出来的文章段落与段落之间的间距过大,导致文章发布出来后不够美观,那怎么解决这个问题呢?下面亦是美网络给大家分享之。

在遇到这个问题之前,亦是美网络小编也曾在网上查看相关解决办法,但国内的回答几乎千篇一律没什么参考价值,另外据小伙伴们反映,他们说把这个问题早就提交给了CKEdit官网,但官方也是迟迟没有给出解决办法,既然这样,小编就只好去google一下国外的网站论坛了,看看老外们有没有遇到同样的问题,功夫不负有心人,结果还真有同样的问题,不过国外的大佬给出了实质性的解决办法,那就是:

找到CKEdit文件夹,找到config.js文件,打开后将以下代码(蓝色字体部分)复制进去,

CKEDITOR.on('instanceReady', function (ev) {

        var writer = ev.editor.dataProcessor.writer;        

        writer.indentationChars = '  '; 

        var dtd = CKEDITOR.dtd; 

        for (var e in CKEDITOR.tools.extend({}, dtd.$block, dtd.$listItem, dtd.$tableContent)) {

            ev.editor.dataProcessor.writer.setRules(e, {    

            indent: false,

            breakBeforeOpen: false,     

            breakAfterOpen: false,  

            breakBeforeClose: false,

            breakAfterClose: false

            });

        } 

        for (var e in CKEDITOR.tools.extend({}, dtd.$list, dtd.$listItem, dtd.$tableContent)) {

            ev.editor.dataProcessor.writer.setRules(e, {

            indent: true,

            });

        }

    });

关于代码的注释,这里就不详说了,复制完成后保存config.js文件。

事情到这里并未结束,我们还需要重建一下网站,清理一下浏览器缓存,当然了,最后能重启下本地计算机。

注:网上有很多小伙伴说这种方法无效,那是因为修改文件后,没有清理浏览器缓存和重启计算机造成的,此教程经过亦是美网络小编亲测验证,保证有效哦,聪明的你赶快去试试吧!

上一篇:详谈Java编程语言的学习内容、实用性以及就业前景
下一篇:想要入行做Java开发就从学习这些基础知识开始

亦是美网络,成立于2012年12月5日,是一个致力于操作系统应用与计算机网络技术的综合IT网站,为大家不断提供和推荐有用的网络教程与技术。

本站文章归<亦是美网络 www.yishimei.cn>版权所有 网站地图 联系我们 豫ICP备12013471号-4 豫公网安备41078202000395号