dl-breadcrumbs__homedl-breadcrumb-item__separatorYapılandırma ve programlamadl-breadcrumb-item__separatorCODESYS ile pogramlamadl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorHTML5 Kontrolü Geliştirme dl-breadcrumb-item__separatorTemel prosedür
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Temel prosedür

Bir HTML5 denetimini CODESYS geliştirme ortamına bağlayabilirsiniz.

Hazırlık

  1. Kontrol için ‎ElementWrapper.js‎ adresinde bir JavaScript sarmalayıcı dosyası oluşturun.

  2. Stil dosyaları (CSS), JavaScript dosyaları (JS) veya görüntü dosyaları (SVG) gibi öğeyi çalıştırmak için gereken tüm dosyaları belirtin.

  3. Araç kutusunda görüntülenen bir ‎ElementImage.svg‎ öğe görüntüsü oluşturun.

Programlama sistemine entegrasyon

  1. CODESYS adresinde, genel bilgileri içeren bir XML dosyası (‎.html5control.xml‎) oluşturun.

  2. HTML5 kontrolünün özelliklerinin CODESYS görselleştirme öğesi özellikleriyle eşlemesini oluşturun.

  3. Arayüz metinlerini yerelleştirin.

  4. Elemanı takın.

  5. Elemanı imzalayın.