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

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

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

Insert required attributes on tag completion

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

Insert required subtags on tag completion

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

Start attribute on tag completion

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

Add quotes for attribute value on typing '=' and attribute completion

このチェックボックスを選択すると、PyCharm は現在入力している属性の値に引用符を自動的に追加します。

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

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

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

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

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

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

• HTML ファイル

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

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

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

• XML、XHTML ファイル

• DTD ファイル

• JSX ファイル

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

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

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

Django テンプレートの }} と %} の自動挿入

このチェックボックスを選択すると、開始文字を入力すると自動的に終了文字が挿入されます。