Xheditor/皮肤设计指南

来自站长百科
跳转至: 导航、​ 搜索

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设计基础即可完成设计工作。

参考来源[ ]

Xheditor使用手册导航

入门基础

进阶使用

进阶使用指导|初始化参数列表|API函数接口列表|上传程序开发规范|插件开发指南|皮肤设计指南

其它相关