HTML5コントロールのリンクと使用

HTML5 コントロールは、視覚化要素リポジトリに直接インストールできます。

HTML5 コントロールをリポジトリに追加できるため、必要なすべてのコンテンツを含むプロジェクトを配布できます。

ヒント

HTML5コントロールは、多くの場合、パッケージとして提供されます。その後、初期インストールがパッケージマネージャーで実行されます。

手順. HTML5コントロールの最初のインストール

クリックツール→視覚化要素リポジトリ。
The ビジュアルエレメントリポジトリダイアログが開きます。
を選択 HTML5コントロールオプション。
The インストールされている要素リストには、すでにインストールされているHTML5コントロールに関する情報が表示されます。
クリックインストール指図。
開いたファイル選択ダイアログで、HTML5コントロールの目的の記述ファイルを選択します（*.html5control.xml）。
- 説明ファイルが有効な場合、要素はリポジトリに自動的にインストールされます。ビジュアライゼーションでは、コントロールは次のように表示されます。インストールされている要素。あなたはそれを使うことができます。
- 記述ファイルが無効な場合、エラーが発行されます。次に、要素の作成者に連絡する必要があります。

詳細については、「コマンド:」を参照してください。視覚化要素リポジトリ

手順. HTML5コントロールの作成

The HTML5コントロールエディターのインストールフォルダにあります CODESYS Windowsのスタートメニューで。
エディターを開きます。
最初にファイル選択ダイアログが開きます。そこでHTML5コントロールの目的の記述ファイルを選択します（*.html5control.xml）。
要素のデータはに表示されます HTML5コントロールエディター。
有効な記述ファイルが作成されるように要素を編集します。
1. を構成します全般的タブ：
  1. 会社： Test GmbH
  2. 名前： FirstControl
    重要
    名前にはスペースを含めないでください。
  3. ツールボックスカテゴリ：特別なコントロール
  4. オプションで、画像ファイルを指定します。
    注記
    画像が指定されていない場合は、デフォルトのアイコンが使用されます。
  5. を指定してください JavaScript ファイル (JS) をエレメントラッパーとして指定します。これは無条件に必要です。このファイルには、からの呼び出しがまとめられています。 CODESYS コントロール自体への呼び出しを含むフレームワーク。
    コントロールにさらにファイルが必要な場合は、これらのファイルもここで指定する必要があります。CSS ファイルでも JS ファイルでもかまいません。
    重要
    ラッパーファイルを提供する必要があります。
    次のことを確認してください ElementWrapper.js ファイルは一番上にあり、実行に必要な他のファイルはその下にあります。
    例
2. オプションで、コントロールのプロパティタブで、要素インターフェイスを構成します。
3. オプションで、ローカリゼーションタブで、コントロールのユーザーインターフェーステキストの翻訳を設定します。
クリック保存してインストール。
設定が適用され、有効性がチェックされます。次に、記述ファイルが保存され、コントロールがリポジトリにインストールされます。