スクリプトセクション

フォーマットされたコード スニペットをサイトに表示します。

スクリプト セクションを使用すると、さまざまなプログラミング言語でフォーマットされたスクリプト スニペットを表示できます。

不可欠: スクリプト セクションではスクリプトは実行されません。プラットフォームにパーソナライズされたスクリプトを含める場合は、挿入要素に関するチュートリアルを確認してください。

このチュートリアルでは、次のことを学びます。

  1. スクリプトセクションの組み込みと調整に関するガイドライン
  2. スクリプトセクションの設計戦略

スクリプトセクションの追加と編集のデモンストレーション

プラットフォームにスクリプト セクション コンポーネントを導入するには:

  1. 展示する予定のスクリプトをスクリプトセクションに複製します
  2. 公開 挿入パネル > 複雑な
  3. 移動する スクリプトセクション CMS内の表示領域、リッチテキストコンポーネント、またはリッチテキストフィールドに
  4. スクリプトエディタにスクリプトを挿入します
  5. タップ 保存して終了
通知: スクリプトセクションコンポーネントはほとんどのプログラミング言語をサポートしていますが、すべての言語を網羅しているわけではありません。サポートされている言語の包括的なリストは、 要素設定パネル > スクリプトセクションの設定 > 言語.

スクリプトセクション内に表示されているスクリプトを変更するには、表示領域でスクリプトセクションを選択し、「装備”アイコンをクリックし、 スクリプトエディタにアクセススクリプトエディタを初期化するには、 要素設定パネル > スクリプトセクションの設定.

理解する必要性: スクリプト セクション コンポーネント内のスクリプトは 10,000 文字を超えてはなりません。表示するスクリプトがこれより長い場合は、外部ツールを使用してスクリプトを圧縮するか、複数のスクリプト セクション コンポーネントに分散することができます。

スクリプトセクションの設定

スクリプトセクションを表示領域に貼り付けると、次の設定が表示されます。 要素設定パネル > スクリプトセクションの設定:

  • 言語 — 要素内のスクリプトに実装された強調表示構文を指定します。スクリプトセクションは、貼り付けたスクリプトのプログラミング言語を自動的に識別しますが、必要に応じて言語を調整できます。
  • テーマ — 維持する ライト そして 暗い テーマ
  • 行番号を表示 — スクリプトの各行の隣に行番号を表示するかどうかを決定します

スクリプトセクションの設計テクニック

デフォルトでは、スクリプトセクションは親要素の幅全体を占めます。スクリプトセクションは、 デザインパネル 他の要素と同様に (たとえば、寸法や間隔の属性などを設定するなど) 変更することができますが、タイポグラフィや背景の属性を変更することはできません。

ユアン・マック