您现在的位置是:网站首页>建站学院织梦CMS

织梦默认编辑器变成所见即所得的方法

2020-04-26来源: 织梦CMS 人已围观

简介 织梦dedecms的默认编辑器的正文编辑区域显示效果不是非常友好,主要问题是字体太小,行间距也很小,看起来密密麻麻的,非常头疼。而且段落首行没有缩进,段落之间没有适当的间隔,每行文

织梦dedecms的默认编辑器的正文编辑区域显示效果不是非常友好,主要问题是字体太小,行间距也很小,看起来密密麻麻的,非常头疼。而且段落首行没有缩进,段落之间没有适当的间隔,每行文字的长度也与发布后的页面显示的宽度不一样,这样用起来非常不方便。067企业网站模板免费下载_网站建设_企业网站建设方案

其实这是可以轻松改变的。我们在编辑器里看到的文件的样式其实和正文一样,也是由一份CSS文件控制的,这份文件的位置在include/ckeditor/contents.css067企业网站模板免费下载_网站建设_企业网站建设方案

打开这份文件,你会发现里面的样式少的可怜,怪不得这么难看。067企业网站模板免费下载_网站建设_企业网站建设方案

为了能够使编辑器达到所见即所得的编辑效果,我们可以把它的CSS设计得跟正文一样。067企业网站模板免费下载_网站建设_企业网站建设方案

首先在Body的样式中加入下面的内容067企业网站模板免费下载_网站建设_企业网站建设方案

width:712px;067企业网站模板免费下载_网站建设_企业网站建设方案

这表示每行的最大长度是712px(可根据你网站正文的宽度自行调整)067企业网站模板免费下载_网站建设_企业网站建设方案

然后再在末尾增加段落的显示样式如下:(首行缩进2个字符,段落间距8Px,行高25px)067企业网站模板免费下载_网站建设_企业网站建设方案

P{067企业网站模板免费下载_网站建设_企业网站建设方案

text-indent:2em;067企业网站模板免费下载_网站建设_企业网站建设方案

margin-bottom:8px;067企业网站模板免费下载_网站建设_企业网站建设方案

line-height:25px;067企业网站模板免费下载_网站建设_企业网站建设方案

}067企业网站模板免费下载_网站建设_企业网站建设方案

重新登录你的后台,在编辑器输入内容,怎么样,好看多了吧,效果如下图所示,赶紧修改自己网站的编辑器显示效果吧!067企业网站模板免费下载_网站建设_企业网站建设方案

067企业网站模板免费下载_网站建设_企业网站建设方案

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l