html编辑框自动识别换行,彻底解决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文件。

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

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

声明：本文转载自 亦是美网络

www.yishimei.cn

原文出处：