HTML シンタックスエディター

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:3分
  • HTML シンタックスエディターは、HTML および Jelly スクリプトの編集をサポートし、ページが表示されるときにレンダリングされる内容を定義します。HTML シンタックスエディターには、静的 XHTML または Jelly として定義された動的に生成されたコンテンツを含めることができ、スクリプトインクルードと UI マクロを呼び出すことができます。

    シンタックスエディターには次のような機能があります。
    • HTML および Jelly スクリプトのサポート
    • HTML および Jelly 構文の自動色分け、インデント、行番号、閉じ括弧と引用符の自動作成
    • HTML および Jelly タグの自動提案
    • 一般的なコードのショートカットのためのスクリプトマクロ
    図 : 1. HTML シンタックスエディター
    HTML および Jelly スクリプト用のシンタックスエディター。
    表 : 1. HTML および Jelly 編集機能
    アイコン キーボードショートカット 名前 説明
    [シンタックスエディターの切り替え] アイコン 適用外 シンタックスエディターの切り替え シンタックスエディターを無効にします。[シンタックスエディターの切り替え] アイコン ([シンタックスエディターの切り替え] アイコン) を再度クリックすると、シンタックスエディターは有効になります。
    [コメントの切り替え] アイコン Cmd+/ コメントの切り替え 選択したコードをコメント化します。
    [置換] アイコン Cmd+E 置換 スクリプトフィールド内でテキスト文字列の次の出現箇所を置き換えます。
    1. [置換] アイコン ([置換] アイコン) をクリックして、置換する文字列を入力し、Enter キーを押します。正規表現をスラッシュで囲んで、置換する文字列を定義できます。たとえば、/a{3}/ と入力すると、aaa を検出できます。
    2. 置換文字列を入力して、Enter キーを押します。
    [すべて置換] アイコン Cmd すべて置換 スクリプトフィールド内で、特定のテキスト文字列のすべての出現箇所を置き換えます。
    1. [すべて置換] アイコン ([すべて置換] アイコン) をクリックして、置換する文字列を入力し、Enter キーを押します。正規表現をスラッシュで囲んで、置換する文字列を定義できます。たとえば、/a{3}/ と入力すると、aaa を検出できます。
    2. 置換文字列を入力して、Enter キーを押します。
    [検索の開始] アイコン Cmd+F 検索の開始 スクリプトフィールド内で、検索語のすべての出現箇所をハイライト表示して、最初の出現箇所を見つけます。[検索の開始] アイコン ([検索の開始] アイコン) をクリックして、検索語を入力し、Enter キーを押します。
    [次を検索] アイコン Cmd+G 次を探す スクリプトフィールドで、現在の検索語の次の出現箇所を検出します。[検索の開始] アイコン ([検索の開始] アイコン) をクリックして、現在の検索語を変更します。
    [前を探す] アイコン Cmd+Shift+G 前を探す スクリプトフィールドで現在の検索語の前の出現箇所を検出します。[検索の開始] アイコン ([検索の開始] アイコン) をクリックして、現在の検索語を変更します。
    [全画面表示の切り替え] アイコン Ctrl+M 全画面表示の切り替え スクリプトフィールドを展開して、全画面のフォームビューで編集しやすくします。[全画面表示の切り替え] アイコン ([全画面表示の切り替え] アイコン) を再度クリックすると、標準のフォームビューに戻ります。この機能は Internet Explorer では利用できません。
    ヘルプアイコン Cmd+H ヘルプ キーボードショートカットのヘルプ画面を表示します。
    [保存] アイコン 適用外 保存 現在のビューを離れずに変更を保存します。全画面モードで [保存] アイコン ([保存] アイコン) をクリックすると、標準フォームビューに戻らずに保存を実行できます。

    編集のヒント

    • コード内の任意の位置に固定スペースを挿入するには、Tab キーを押します。
    • コードの 1 行をインデントするには、行の先頭の空白をクリックして Tab キーを押します。
    • コードの 1 行以上の行をインデントするには、対象のコードを選択して Tab キーを押します。インデントを減らすには、Shift+Tab キーを押します。
    • コードの行の先頭から 1 つのタブを削除するには、行をクリックして Shift+Tab キーを押します。