dl-breadcrumbs__homedl-breadcrumb-item__separatorConfigurazione e programmazionedl-breadcrumb-item__separatorProgrammazione con CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorSviluppare un controllo HTML5 dl-breadcrumb-item__separatorProcedura di base
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Procedura di base

È possibile collegare un controllo HTML5 nell'ambiente di sviluppo CODESYS.

Preparazione

  1. Creare un file wrapper JavaScript ‎ElementWrapper.js‎ per il controllo.

  2. Specificare i file necessari per l'esecuzione dell'elemento, come i file di stile (CSS), i file JavaScript (JS) o i file di immagine (SVG).

  3. Creare un'immagine dell'elemento ‎ElementImage.svg‎ che viene visualizzata nella casella degli strumenti.

Integrazione nel sistema di programmazione

  1. In CODESYS, creare un file XML (‎.html5control.xml‎) con informazioni generali.

  2. Creare la mappatura delle proprietà del controllo HTML5 con le proprietà dell'elemento di visualizzazione CODESYS.

  3. Localizzare i testi dell'interfaccia.

  4. Installare l'elemento.

  5. Firmare l'elemento.