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

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

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

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

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

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

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

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

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

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

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

'</' 入力時に自動的にタグを閉じる

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

タグを同時に編集する

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

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

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

• HTML ファイル

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

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

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

• XML、XHTML ファイル

• DTD ファイル

• JSX ファイル

doubleクリックで CSS 識別子全体を選択

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

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