CodeSys创建自定义的html5控件

背景

查看官方的资料：【Developing an HTML5 Control】
官方的例子：【Project Logo HTML5-API-Examples 】
第三方的例子：【Creating an HTML5 Control for ctrlX PLC Engineering and CODESYS WebVisu】

创建html5control.xml文件

控件的安装文件通过打开HTML5控件编辑器来创建

控件界面以及逻辑的实现

实现控件的代码写在ElementWrapper.js中
ElementWrapper.js中的此全局变量命名有着严格的限制

使用的资源

使用的资源文件全部都要放在与ElementWrapper.js同级目录下，否则在安装时会出错。
就算你手动修改html5control.xml文件也没用

安装自定义的html5控件库

可视化元素库只有在打开CodeSys软件且没有打开任何工程才看得到
安装新版本后，需要重启软件才能使用新版本。但是不更改版本号，只修改内容的话，只需要将可视化元素卸载，然后重新安装即可。