コンポーネントビルダーに外部コンポーネントを追加する
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Formsでフォームを起動するか、ReactコンポーネントやウェブコンポーネントなどのBYOCコンポーネントを登録した後、それをコンポーネントビルダーキャンバスに追加できます。外部コンポーネントは通常の要素処理と同じ方法で追加します。ただし、キャンバスやPagesでコンポーネントのビジュアルプレビューを見ることはできませんが、コンポーネントの要素とレイアウトを含むプレビューは別のブラウザタブで開くことができます。
!注始める前に
外部コンポーネントの追加
- コンポーネントビルダーでコンポーネントを開くか、新しいコンポーネントを作成します。
- 外部コンポーネントを追加したいセクションや要素のコンテキストバーで、「 Add element > Component」をクリックします。
- コンテキストバーで既存の要素 内の「Append 」をクリックし、コンポーネントセクションのグリッド上でコンテナを作成するためにクリック&ドラッグしてください。
- 右側で、以前登録したコンポーネントがあるコレクションを開きます。
- 追加したいコンポーネントをクリックします。
- コンポーネントに入力フィールドが含まれている場合は、右側のペインで入力を設定できます。
外部コンポーネントのプレビュー
コンポーネントをステージ化した後、別のブラウザタブでプレビューを開くことができます。複数のバージョンのコンポーネントがステージ化されている場合、プレビュータブは設定された画面サイズに対応したバージョンをレンダリングします。複数のバージョンが画面サイズに対応している場合は、最初のバージョンをレンダリングします。
外部コンポーネントプレビューを開くには:
-
コンポーネントビルダーで、設定・ステージ化された外部コンポーネントを扱う際に 「外部コンポーネントのプレビュー」をクリックしてください。
この記事を改善するための提案がある場合は、 お知らせください!