html元素打印自动换行,CKEditor去除HTML元素自动换行代码

最新推荐文章于 2022-07-29 09:56:13 发布

小雨好矮哦

最新推荐文章于 2022-07-29 09:56:13 发布

阅读量342

点赞数

文章标签： html元素打印自动换行

当我们使用DedeCMS v7.5 sp2版本默认的是CKEditor，编辑内会产生换行符号 /n ，比如输入

标签，源代码会变成

Hallo World!

对代码进行必要的压缩才能在打开页面速度上有提升，修改CKEditor编辑器的设定档就可以解决这个问题。

打开下列目录/include/ckeditor/config.js，找到如下代码

config.autoParagraph = false;

config.enterMode = CKEDITOR.ENTER_BR;

config.shiftEnterMode = CKEDITOR.ENTER_P;

};

在尾端加上代码

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

with (ev.editor.dataProcessor.writer) {

setRules("p", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("h1", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("h2", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("h3", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("h4", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("h5", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("p", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("table", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("tr", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("td", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("iframe", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("li", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("ul", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

setRules("ol", {indent : false, breakBeforeOpen : false, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : false} );

}

})

保存后记得清除浏览器cookie，这样编辑器产生的原码，就会不断行的输出。上面的代码完全没有断行，或许在用源码编辑的时候检查比较麻烦，建议一个HTML标签后断行，每个标签就是一行，清晰得多。如下

文字行

参数说明

indent (是否加入空白 TAB)

breakBeforeOpen (插入起始原始码标签之前是否断行)

breakAfterOpen (插入起始原始码标签之后是否断行)

breakBeforeClose (插入结尾原始码标签之前是否断行)

breakAfterClose (插入结尾原始码标签之后是否断行)

false(否)

true(是)

转载请注明来源网址：http://www.maimuban.com/news/1318.html

关注