打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

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

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


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


解决办法有:

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论坛要邀请码,本人无法去贴上。所以,都在本博客更新。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
DEDECMS织梦修改dede文章编辑器
CKEditor工具栏自定义配置
织梦dedecms自带文本编辑器ckeditor更换为kindeditor编辑器带代
wordpress 编辑器 Dean's FCKEditor For WordPress
CKEditor图片上传实现详细步骤(使用Struts 2)
CKEditor3.0在asp.net环境下上传文件的配置,集成CKFinder
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服