1.背景
查看官方的资料:【Developing an HTML5 Control】
官方的例子:【Project Logo HTML5-API-Examples 】
第三方的例子:【Creating an HTML5 Control for ctrlX PLC Engineering and CODESYS WebVisu】
2.创建html5control.xml文件
控件的安装文件通过打开HTML5控件编辑器来创建
3.控件界面以及逻辑的实现
实现控件的代码写在ElementWrapper.js中
ElementWrapper.js中的此全局变量命名有着严格的限制
4.使用的资源
使用的资源文件全部都要放在与ElementWrapper.js同级目录下,否则在安装时会出错。
就算你手动修改html5control.xml文件也没用
5.安装自定义的html5控件库
可视化元素库只有在打开CodeSys软件且没有打开任何工程才看得到
[Visual Element Repository]
安装新版本后,需要重启软件才能使用新版本。但是不更改版本号,只修改内容的话,只需要将可视化元素卸载,然后重新安装即可。
实际经过测试,每次修改(修改代码、增减文件)后,最好还是更改一下版本号,触发一下完整的数据安装。否则总是漏一些东西。