UEditor使用技巧(2):自定义样式

（1）改变内容框的样式

1.改变字体大小和颜色：内容框默认是白色背景，最近要做Web版的PS，模拟CMD命令窗口或者ISE命令窗口的背景色，分别：是黑色背景+白色字，蓝色背景+白色字

通过谷歌浏览器可以查到内容框是由JS生成的一段HTML片段，这个JS名称是 ：ueditor.all.js。在这个JS内找到它生成的html代码片段.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}，按你需要，改这个样式即可

2.改变背景色：自定义一个css文件，输入一下css代码：

[css] view plaincopy

1. /*内容框高度*/  

2. .edui-default .edui-editor-iframeholder {  

3.      height: 200px;  

4.      background-color:#000066;  

5.  }  

将它放在使用UEditor工具的页面中

效果如下：

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

（2）改变工具栏按钮的样式

一般情况，下面这些工具工具是靠左浮动的，有个工具比较特殊，就是“满屏”工具按钮，它靠右浮动

可以在ueditor\themes\default\css\ueditor.css找到下面css代码

[css] view plaincopy

1. .edui-default .edui-toolbar .edui-for-fullscreen {  

2.     float: right;/*改为left即可*/