您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

DedeCMS编辑器变成所见即所得的方法

宛儿2023-09-19DedeCMS教程已有人查阅

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

DedeCMS的默认编辑器的正文编辑区域显示效果不是非常友好，主要问题是字体太小，行间距也很小，看起来密密麻麻的，非常头疼。而且段落首行没有缩进，段落之间没有适当的间隔，每行文字的长度也与发布后的页面显示的宽度不一样，这样用起来非常不方便。
其实这是可以轻松改变的。我们在编辑器里看到的文件的样式其实和正文一样，也是由一份CSS文件控制的，这份文件的位置在include/ckeditor/contents.css
打开这份文件，你会发现里面的样式少的可怜，怪不得这么难看。
为了能够使编辑器达到所见即所得的编辑效果，我们可以把它的CSS设计得跟正文一样。
首先在Body的样式中加入下面的内容

width:712px;

这表示每行的较大长度是712px（可根据你网站正文的宽度自行调整）
然后再在末尾增加段落的显示样式如下：（首行缩进2个字符，段落间距8Px，行高25px）

P{
text-indent:2em;
margin-bottom:8px;
line-height:25px;
}

重新登录你的后台，在编辑器输入内容，怎么样，好看多了吧，效果如下图所示，赶紧修改自己网站的编辑器显示效果吧！

本文标签：

很赞哦！ ()

上一篇：DedeCMS怎么从子目录移动到根目录

下一篇：修改DedeCMS主页左上角的文字的方法

图文教程

相关源码

(自适应响应式)黑色LED显示屏户外广告屏网站源码下载这是一款基于PbootCMS内核开发的响应式网站模板，专门为LED显示屏及户外广告行业打造。模板适配各类显示设备，帮助企业快速搭建专业官网，展示产品与服务优势，有效提升品牌形象。查看源码
(自适应)蓝色沙盘复古建筑模型制作网站模板源码下载为建筑沙盘模型企业设计的响应式网站模板，通过三维空间展示技术结合产品参数可视化，有效提升模型作品的线上呈现效果与客户咨询转化率。查看源码
(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发，为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格，提供舒适的阅读体验，同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
(自适应html5)自媒体运营培训教程个人博客pbootcms模板本模板基于PbootCMS系统开发，特别适合自媒体运营培训、知识付费类网站使用。采用响应式设计，能够适配各类终端设备，为内容创作者提供专业的内容展示平台。查看源码
(自适应响应式)蓝色律师事务所法务团队网站pbootcms模板为律师事务所和法律服务机构打造的专业网站模板，展现法律专业性与权威性，手工编写标准DIV+CSS代码，结构清晰优化，确保高效运行，自动适配电脑、平板和手机等各类设备，提供更好浏览体验查看源码
(PC+WAP)院校学院职业学校机构协会网站开源源码下载本模板基于PbootCMS系统开发，为高等院校、职业学校等教育机构设计，特别适合展示学校概况、院系设置、招生信息等内容。采用双端适配技术，确保在PC和移动设备上都能获得良好的浏览体验。查看源码