コンポーネントにHTMLとJavaScriptを追加する

コンポーネントビルダーは、HTMLやJavaScriptの要素をウェブサイトにリアルタイムでレンダリングできる柔軟なツールです。

JavaScriptファイルをHTMLブロックやウェブコンポーネントと組み合わせてリンクすることができます。例として挙げられるユースケースは以下の通りです:

• Google Analyticsの追跡スニペットを追加します。
• アニメーションを動かすためのカスタムコードの作成。
• レンダリングされたHTMLを動的に操作すること。

!注コンポーネントにJavaScriptを含めるオプションは、スクリプトファイルがページ上に存在し、一度だけ読み込まれることを保証する以外に追加機能は提供しません。

JavaScriptで表示要素をより正確に制御するには、HTML要素インスタンスを参照し、イベントを受信し操作する ウェブコンポーネント を使いましょう。

また、リッチテキストを含むデータソースから動的データを追加したい場合には、HTMLブロックを使うこともできます。HTMLブロックは、段落や見出し、テキストに含まれる他のHTML要素とともにマッピングされたデータを表示できます。これは、段落や見出し要素を追加する場合のテキストがリッチテキストプロパティにマッピングされる場合とは異なります。後者の場合、データマッピングシステムは他の段落、見出し、リスト項目など、すべての構造的要素をデータマップされたHTMLから削除しますが、リンクや書式はそのまま残します。これは元の要素が段落や見出しのままであるためです。