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便可*/