HTML5 控件编辑器 象征： 功能 ：允许您创建、编辑和本地化 HTML5 控件以用于 CODESYS WebVisu 呼入 CODESYS ： 点击 工具 → 可视化元素存储库 . 提示 该命令仅在没有打开项目时可用 CODESYS . 这 视觉元素库 对话框打开。 选择 HTML5 控件 选项。 这 已安装的元素 列表提供有关已安装的 HTML5 控件的信息。 点击 打开编辑器 按钮。 在打

菜单命令 菜单：文件 新的 HTML5 控件 打开 创建一个新的 HTML5 控件 对话 打开 打开设备选择对话框 选择要在此处编辑的 HTML5 控件。 关闭 关闭在编辑器中打开的控件 保存 保存描述文件中的更改 另存为 打开文件选择对话框，以新名称保存 HTML5 控件 保存并安装 保存并安装 HTML5 控件 最近打开的文件 列出最近使用的 HTML5 控件 中止 退出 HTML5 控件编辑

参考：可视化样式编辑器 本节内容如下 :

编辑器：可视化样式编辑器 象征： 功能 ：编辑器用于创建、派生、编辑和本地化可视化样式。此外，它还可以检查和安装样式或样式层次结构。 . 称呼 ： 在 CODESYS ： 在里面 可视化管理器 对象，在 设置 选项卡，在 样式设置 分组，点击 对于列表框）。点击 打开样式编辑器 那里。 Windows 开始菜单 > 安装文件夹 CODESYS > ' CODESYS ' 文件夹 > 可视化样式编辑

对话框 本节内容如下 :

对话框：创建新的可视化样式 象征： 功能 ：对话框提示您为新创建的样式文件指定数据。 . 称呼 ： 在 CODESYS ： 在里面 可视化管理器 对象，在 设置 选项卡，在 样式设置 ): 点击 打开一个列表框。点击 创建和编辑派生样式 那里。 可视化风格编辑器： 菜单： 文件 → 新样式 姓名 新样式的名称。 例子： Style_CI 地点 样式编辑的工作目录 基本款 新样式所基于的样式 列表框

教程 在这里，您将找到各种用例的具体说明。 提示 该指令集正在不断扩展。 提示 有关配置和创建可视化的最佳实践的提示和技巧，请参阅文档“最佳实践，可视化”。它以 PDF 格式提供 CODESYS 安装。 本节内容如下 :

教程：显示 Web 内容 在可视化中显示网站 要求：可视化在 CODESYS 项目。这 可视化工具箱 和 特性 可视化视图也已打开。 拖动 网页浏览器 元素来自 特殊控制 到可视化编辑器。 在编辑器中选择元素。 在里面 特性 视图中，列出了元素属性 网页浏览器 元素。 在里面 位置 属性，指定大小（以像素为单位） 宽度 和 高度 （例子： 600 ）。 在 控制变量 → URL ，指定网站的 UR

可视化元素：模拟时钟 象征： 类别： 日期/时间控件 该元素是一个显示当前时间的时钟。时钟还可以显示随机时间。 注意 示例项目“模拟时钟” 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： GenElemInst_1 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 模拟时钟 位置 该位置定义可视化窗口中元素的位置和大小

可视化元素：灯 象征： 类别： 灯/开关/位图 元素显示变量的值，元素显示为亮或不亮。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Lamp_green 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 灯 位置 该位置定义可视化窗口中元素的位置和大小。这是基于笛卡尔坐标系的。原点位于窗口的左上角。正水平 X 轴向