Xheditor/皮膚設(shè)計(jì)指南

xhEditor的皮膚保存在xheditor_skin文件夾中，每個(gè)皮膚一個(gè)子文件夾，文件夾結(jié)構(gòu)如下：

   xheditor_skin
     └─default
         ├─ui.css
         ├─iframe.css
         └─img
             ├─icons.gif
             ├─...
             └─loading.gif

1. 編輯器按鈕、面板、模式窗口等樣式全部統(tǒng)一存儲(chǔ)在ui.css文件中
2. 編輯區(qū)域的樣式存儲(chǔ)在iframe.css文件中
3. 編輯器內(nèi)核用到的圖片及css文件中用到的所有圖片統(tǒng)一存儲(chǔ)在img文件夾中

ui.css文件簡(jiǎn)單解析

xheLayout：編輯器table樣式；xheTool：工具按鈕所在區(qū)域的樣式；xheButton：按鈕樣式；xhePanel：操作面板的樣式；xheMenu：菜單樣式；xheEmot：表情樣式；xheColor：顏色選擇器的樣式；xheDialog：面板上的對(duì)話框樣式；xheModal：模式窗口樣式；

xhEditor皮膚結(jié)構(gòu)相對(duì)非常簡(jiǎn)單，有一定的HTML和CSS設(shè)計(jì)基礎(chǔ)即可完成設(shè)計(jì)工作。

參考來(lái)源

• http://xheditor.com/manual/2#chapter2

Xheditor使用手冊(cè)導(dǎo)航
入門(mén)基礎(chǔ) 進(jìn)階使用： 進(jìn)階使用指導(dǎo)|初始化參數(shù)列表|API函數(shù)接口列表|上傳程序開(kāi)發(fā)規(guī)范|插件開(kāi)發(fā)指南|皮膚設(shè)計(jì)指南 其它相關(guān)