dl-breadcrumbs__homedl-breadcrumb-item__separatorKonfiguration und Programmierungdl-breadcrumb-item__separatorProgrammieren mit CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorEntwickeln eines HTML5-Steuerelements dl-breadcrumb-item__separatorGrundlegendes Verfahren
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Grundlegendes Verfahren

Sie können ein HTML5-Steuerelement in der Entwicklungsumgebung CODESYS verknüpfen.

Vorbereitung

  1. Erstellen Sie eine JavaScript-Wrapper-Datei ‎ElementWrapper.js‎ für das Steuerelement.

  2. Geben Sie alle Dateien an, die für die Ausführung des Elements erforderlich sind, z. B. Stildateien (CSS), JavaScript-Dateien (JS) oder Bilddateien (SVG).

  3. Erstellen Sie ein Elementbild ‎ElementImage.svg‎, das in der Toolbox angezeigt wird.

Integration in das Programmiersystem

  1. Erstellen Sie in CODESYS eine XML-Datei (‎.html5control.xml‎) mit allgemeinen Informationen.

  2. Erstellen Sie das Mapping der Eigenschaften des HTML5-Steuerelements auf die Eigenschaften des Visualisierungselements CODESYS.

  3. Lokalisieren Sie die Oberflächentexte.

  4. Installieren Sie das Element.

  5. Unterschreiben Sie das Element.