1. 外部ページ コンポーネント

外部コンポーネントの設定

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

以降の各段落の説明に従って、外部コンポーネントを設定します。

警告

これらの操作を実行するには、スーパーユーザーである必要があります。

[設定] タブ
警告

Vue.js を使用する場合は、統合をシームレスに行うため、この例に示すように、スクリプトをローカルで開発し、[コード] タブでバンドル ファイルを使用して外部コンポーネントを読み込むことをお勧めします。この例では、[リソース] は空欄のままにしておく必要があります。

次のように入力します。

  1. [コントロール名] (名前空間 + 名前) を入力します。

    警告

    名前は、ポータル ページで一意である必要があります。

  2. [設定] で、外部コンポーネント コードのパラメーターを追加します。

  3. 必要に応じて、[リソースを追加] をクリックし、コード ライブラリの URL を追加します。

    警告

    本番環境を使用している場合は、読み込み時間を短縮するために、縮小されたライブラリ バージョンを使用することをお勧めします。ページあたり 1 つのリソースのみ追加してください。

    注意

    リソースは、外部コンポーネントの一部として読み込みます。

  4. [保存] をクリックして変更を確定します。

[コード] タブ

  1. ここでは、外部コンポーネントがページで初期化されたときに実行するコードを追加します。

    注意

    コードは、[リソース] の設定によって異なります。

  2. [保存] をクリックして変更を確定します。

[テンプレート] タブ

  1. ここでは、外部コンポーネントを初期化するときに DOM (ドキュメント オブジェクト モデル) に挿入する HTML マークアップを追加します。

  2. [保存] をクリックして変更を確定します。

[メッセージ] タブ

メッセージを使用して、外部コンポーネントに翻訳を挿入します。翻訳は、外部コンポーネント コードの options パラメーターの messages プロパティから利用できます。翻訳は、翻訳キーとアクティブな UI カルチャに基づいて読み込まれます。

メッセージを追加するには、以下を行います。

  1. [メッセージを追加] をクリックします。

  2. メッセージ ID を入力して、[+ 翻訳を追加] をクリックします。

  3. [翻訳の識別子] を入力するか、[既存のものを選択] をクリックします。

  4. 翻訳を入力して、[作成] をクリックします。

  5. 変更を確定するには、[保存] をクリックします。ポータル ページの画面に戻る場合は、[保存して閉じる] をクリックします。

表示設定の変更

  1. 表示設定を変更するには、外部コンポーネントで をクリックし、[設定] を選択します。

  2. 設定を変更して、[保存] をクリックします。

この記事を改善するための提案がある場合は、 お知らせください!