dedecms 5.7 sp1版 ckeditor 编辑器,首空两格的解决办法

本文介绍了在dedecms 5.7 sp1版中,如何解决ckeditor编辑器首行空两格的问题。通过修改config.js和contents.css文件,以及添加特定样式到page.css,实现了编辑器与界面显示一致的首行缩进效果。同时,文章提供了额外的配置以消除编辑器中的tab缩进问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

请注意,原创内容,转载请注意注明出处。


编辑器中编辑文本或者混排时,需要能首行空两格。


解决办法有:

1、用全角空格,这个别人都说过,就是输入法中按shift+空格键,切换出全角再打空格,可以解决问题,但是非常累人。如果很多的话。

2、使用css样式表,通常是在p标签中,加首行缩进,但是你会发现失效,为什么呢。看我解决办法。


样式解决:

1、找到include目录下的ckeditor目录,打开config.js文件。

2、把原有的


config.autoParagraph = false;
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;


改成 
config.autoParagraph = false;
  config.enterMode = CKEDITOR.ENTER_P;
 config.shiftEnterMode = CKEDITOR.ENTER_BR;


和word一样,回车是段落换行,shift回车是段内换行,dedecms把默认值非改成不正常的模式,让人费解。


再增加

    config.contentsCss = '../include/ckeditor/contents.css';    

这是编辑器调用的样式,如果没有这一行,编辑器就没有样式定义。

3、把当前目录中的contents.css打开,增加下面

p
{
TEXT-INDENT: 2em
}

4、找到网站模板目录中的page.css

增加 以下几行

.viewbox .content p{
text-indent:2em;
}

至此,你无论是在编辑器,还是在界面上,只要输入任何段落,都是自动首行空两个字。当然,某些浏览器,不一定有效。要兼容所有浏览器,就请自行调整样式定义即可。


另外,在config.js中,你可以增加 以下代码,能够解决编辑器添加的tab符。


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("div", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("table", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("tr", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("td", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("iframe", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("li", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("ul", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("ol", { indent: false, breakAfterOpen: false, breakBeforeClose: false });


}
});

引用,请注明出处。还有,dedecms论坛要邀请码,本人无法去贴上。所以,都在本博客更新。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值