【VIP专享】HTForWeb编辑器使用手册0.2.3

  • 格式:pdf
  • 大小:1.85 MB
  • 文档页数:20

1. 运行编辑器
安装完 nodejs,在命令提示符中进入编辑器包中的 server 文件夹(或者直接进入 server.js 所在的文件夹),输入命令“node server.js”,编辑器就会在默认的浏览器中打开。
2. 如何将编辑器嵌入到工程
HT 就类似于一个前端的 JS 库,无论后台是什么,都可以添加进工程中,编辑器就是一个 div, HT 的组件一般都会嵌入 BorderPane、SplitView 和 TabView 等容器中使用,而最外层的 HT 组件则需要用户手工将 getView() 返回的底层 div 元素添加到页面的 DOM 元素中,这里需 要注意的是,当父容器大小变化时,如果父容器是 BorderPane 和 SplitView 等这些 HT 预定 义的容器组件,则 HT 的容器会自动递归调用孩子组件 invalidate 函数通知更新。但如果父 容器是原生的 html 元素, 则 HT 组件无法获知需要更新,因此最外层的 HT 组件一般需要 监听 window 的窗口大小变化事件,调用最外层组件 invalidate 函数进行更新。
A. 例子 1--图标数据绑定................................................................................... 8 B. 例子 2--图标数据绑定................................................................................. 10 C. 例子 3--图纸数据绑定................................................................................. 13 13. 编辑器中事件处理............................................................................................. 17 14. 导入 SVG 及 CAD 的转换..................................................................................... 18 15. 如何将编辑器嵌入系统.............................................................................................................................................................................................. 1 2. 如何将编辑器嵌入到工程..................................................................................... 1 3. 编辑器包中 help 帮助文件夹............................................................................... 2 3. 端口配置................................................................................................................. 3 4. 如何切换国际化、如何自定义国际化内容......................................................... 3 5. custom 目录下的文件夹........................................................................................ 3 6. 编辑器中的目录在文件夹中对应的位置如下:................................................. 3 7. 图纸(拓扑图)编辑............................................................................................. 5 8. 图标(矢量)编辑................................................................................................. 6 9. 组件编辑................................................................................................................. 6 10. 矢量数据绑定....................................................................................................... 7 11. 自定义属性编辑及国际化配置........................................................................... 7 12. 参考示例............................................................................................................... 8