Xheditor/皮肤设计指南

xhEditor的皮肤保存在xheditor_skin文件夹中，每个皮肤一个子文件夹，文件夹结构如下：

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

1. 编辑器按钮、面板、模式窗口等样式全部统一存储在ui.css文件中
2. 编辑区域的样式存储在iframe.css文件中
3. 编辑器内核用到的图片及css文件中用到的所有图片统一存储在img文件夹中

ui.css文件简单解析

xheLayout：编辑器table样式；xheTool：工具按钮所在区域的样式；xheButton：按钮样式；xhePanel：操作面板的样式；xheMenu：菜单样式；xheEmot：表情样式；xheColor：颜色选择器的样式；xheDialog：面板上的对话框样式；xheModal：模式窗口样式；

xhEditor皮肤结构相对非常简单，有一定的HTML和CSS设计基础即可完成设计工作。

参考来源

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

Xheditor使用手册导航
入门基础 进阶使用： 进阶使用指导|初始化参数列表|API函数接口列表|上传程序开发规范|插件开发指南|皮肤设计指南 其它相关