Zblog php默认编辑器UEditor后台代码显示效果优化的方法

雨夜 • 2014年05月12日 13:01:59 • 教程、积累

原因：我们在编写文章的时候有时候要插入代码，但是点击要插入代码的时候，编辑框中还是显示白色，我们并不能看出代码到底在那开始，在哪结束，有时候更会出现一些问题。所以我想把后台代码的范围给显示出来。

(要说谷歌浏览器不是个好浏览器，我和谁急，呵呵，开玩笑的，根据个人的习惯来。)

1.用谷歌浏览器审查元素把后台的代码的位置显示出来。通过审查元素，可以看到代码的css样式为：

pre {
 margin: .5em 0;
 padding: .4em .6em;
 border-radius: 8px;
 background: #f8f8f8;
 }

2..所以我找到插件UEditor，打开文件ueditor.all.min.js，查找

background: #f8f8f8;

3.把

background: #f8f8f8;

改为

color:#f8f8f8;background:red;

（这个根据自己的主观意识来。）

4.保存后，刷新页面。试试吧。

注意：这个并没有把前台的效果更改了，只是更改后台的代码效果，所以不要担心。

打赏

微信扫一扫

5728 0