web-dev-qa-db-ja.com

Sublime Text（prettify / beautify / format）のHTML自動インデント機能またはプラグインはありますか？

たとえば、変更するもの：

<section><article><h1></h1><p></p></article></section>

に：

<section>
  <article>
    <h1></h1>
    <p></p>
  </article>
</section>

...それはページ全体とスニペットで機能します。

  • 組み込みEdit > Line > Reindent設定ではこれは行われません
  • プラグインHTMLTidyはheadおよびbodyタグを追加するため、パーシャルでは機能せず、他にもさまざまな問題があります
  • プラグインタグには さまざまな問題 があり、本質的に機能しません
  • プラグインHTMLPrettifyには さまざまな問題 があり、node.jsが必要で、数か月間更新されていません
  • Gist.github.com/mcdonc/3898894はそれを行うと主張していますが、Emacsが必要です

（Notepad ++には自動インデント、Dreamweaverにはソースフォーマットの適用、Aptanaにはフォーマットなどがありました。）

タグプラグインはインラインタグを正しく処理しません。たとえば、次のスニペットで使用します。

<p>foo<a>bar<span>baz<span>qux</span></span></a></p>

結果は：

<p>
    foo
    <a>
        bar
        <span>
            baz
            <span>qux</span>
        </span>
    </a>
</p>
htmlsublime-text-2autoindent
23
user110241

reindentは常にスニペットで機能するとは限りません。 Tag プラグイン（パッケージコントロールからインストール）を使用できます。次に押すだけ ctrl+shift+p、およびtagと入力します。オプションAuto-Format tags on documentが表示されます。選択して押します Enter。それで終わります。

18
Bibhas

すべて選択->編集メニュー->線->Reindendが行います。同じように ショートカットの組み合わせを設定 することもできます。

{"キー"：["ctrl + shift + r"]、 "コマンド"： "reindent"、 "args"：{"single_line"：false}}

6
Jasim Mahmood

インデント機能を使用するには、「スペースを使用してインデント」のオプションをオフにする必要があります。

表示>>インデント>>スペースを使用したインデント

このオプションをオフにすると、テキストと再インデントを選択できます。

編集>>行>>インデント

これは、XMLだけでなくHTML構文でも機能します。他ではテストしていません。

0
Sidz