<
首页 pbootcms教程 正文
  • 本文约788字,阅读需4分钟
  • 548
  • 0

PbootCms程序修改默认编辑器样式的方法

摘要

PbootCms程序现阶段采用的是基于百度UEditor二次开发的所见即所得富文本web编辑器UEditor Plus,博客志今天给大家分享一个PbootCms程序修改默认编辑器样式的方法。

PbootCms程序现阶段采用的是基于百度UEditor二次开发的所见即所得富文本web编辑器UEditor Plus,其默认的样式不一定适合所有人的眼缘,博客志今天给大家分享一个PbootCms程序修改默认编辑器样式的方法。

一、PbootCms程序修改默认编辑器样式的方法

1、打开文件/core/extend/ueditor/themes/iframe.css

2、下拉到第3行找如下代码:font-size: 14px;可以将其修改为font-size: 16px;

教程释义:font-size是用来设定文本大小的,该操作可以优化默认编辑器文本较小的问题

3、下拉到第11行找如下代码:text-decoration:none;可以将其修改为text-decoration:underline;

教程释义:text-decoration 是用来设定文本的下划线,该操作可以优化默认编辑器不存在下划线的问题

4、下拉到第33行找到如下代码:margin-bottom: 0em;可以将其修改为margin-bottom: 1em;

教程释义:margin-bottom 是用来设定元素下方的外边距大小,该操作可以优化默认编辑器文字行间距较大的问题

二、注意事项

1、本教程基于PbootCMS v2.3.7和PbootCMS v2.3.5版本,其他版本代码位置可能有差异,请仔细甄别

2、我个人有代码洁癖,所以习惯于大字体、小间距的模式,所以本教程因人而异

另外,PbootCms程序线现阶段使用的是UEditor Plus 3.0.0,UEditor Plus 是基于百度UEditor二次开发的所见即所得富文本web编辑器,主要丰富也界面样式,注重用户体验等特点。基于Apache 2.0协议开源,允许自由使用和修改代码。

总体来说UEditor Plus编辑器很适合站长朋友,如果也和我一样有代码洁癖,可以试试本教程。

评论
更换验证码
友情链接