CodeSys创建自定义的html5控件

背景

查看官方的资料：https://content.helpme-codesys.com/en/CODESYS%20Visualization/_visu_html5_dev.html
官方的例子：https://forge.codesys.com/prj/codesys-example/html5apiexample/home/Home/

创建html5control.xml文件

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

控件界面以及逻辑的实现

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

使用的资源

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

安装自定义的html5控件库

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