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

2021-06-21 作者:未知   |   浏览(

织梦CMS的默认编辑器的正文编辑地区显示成效不是很友好,主要问题是字体太小,行间距也非常小,看着密密麻麻的,很头疼。而且段落首行没缩进,段落之间没适合的间隔,每行文字的长度也与发布后的页面显示的宽度不同,如此用起来很不便捷。

其实这是可以轻松改变的。大家在编辑器里看到的文件的样式其实和正文一样,也是由一份CSS文件控制的,这份文件的地方在include/ckeditor/contents.css

打开这份文件,你会发现里面的样式少的可怜,怪不能这么难看。

为了可以使编辑器达到所见即所得的编辑成效,大家可以把它的CSS设计得跟正文一样。

第一在Body的样式中加入下面的内容

width:712px;

这表示每行的最大长度是712px(可依据你网站正文的宽度自行调整)

然后再在末尾增加段落的显示样式如下:(首行缩进2个字符,段落间距8Px,行高25px)

P{

text-indent:2em;

margin-bottom:8px;

line-height:25px;

}

重新登录你的后台,在编辑器输入内容,如何,好看多了吧,成效如下图所示,快点修改自己网站的编辑器显示成效吧!