スマートキーの設定: HTML/CSS

タグ補完時に終了タグを挿入する

このチェックボックスをオンにすると、DataGrip は対応する開始タグを入力したときに、終了 XML タグまたは HTML タグを自動的に挿入します。

タグ補完時に必須属性を挿入する

このチェックボックスをオンにすると、DataGrip は入力したタグのすべての必須属性を含むテンプレートを表示します。

タグの補完時に必須サブタグを挿入する

このチェックボックスをオンにすると、DataGrip ですべての必須サブタグを含むテンプレートが表示されます

タグ補完時に属性を開始する

このチェックボックスをオンにすると、DataGrip は入力したタグの最初の必須属性を含むテンプレートを表示します。

'=' と属性補完の入力時に属性値の引用符を追加する

このチェックボックスをオンにすると、DataGrip は現在入力中の属性の値に引用符を自動的に追加します。

「</」を入力するとタグを自動で閉じる

このチェックボックスを選択すると、</ を入力した後に閉じタグが自動的に追加されます。 このチェックボックスをオフにすると、このような自動補完はオフになります。

<tag></tag> を同時編集する

このチェックボックスがオンの場合、開始タグを編集すると、対応する終了タグも自動的に変更されます。

このチェックボックスをオフにすると、開始タグの編集は変更されない終了タグに影響しません。 その結果、開始タグと終了タグは一致せず、構造全体が間違っているように下線が引かれます。

このチェックボックスは、次のコンテキストでの DataGrip の動作を制御します：

• HTML ファイル

• SQL コード内の HTML インジェクション

• Handlebars/Mustache テンプレートを使用した HTML

• 拡張子 .hbs の Handlebars/Mustache テンプレートファイル

• XML、XHTML ファイル

• DTD ファイル

• JSX ファイル

ダブルクリックで CSS 識別子全体を選択

このチェックボックスがオンになっている場合、CSS 識別子またはクラス名をダブルクリックすると、接頭辞までの名前全体が選択されます。 例: <div class="text-gray-600"> 内の gray をダブルクリックして、クラス名全体 text-gray -600 を選択します。

このチェックボックスがオフの場合、CSS 識別子またはクラス名をダブルクリックすると、名前の最も近いハイフンまでの部分が選択されます：