Sublime Text(又名美化/美化/格式)是否有 HTML 自动缩进功能或插件?

Dir*_*ler 23 html autoindent sublime-text-2

例如,要更改的内容:

<section><article><h1></h1><p></p></article></section>
Run Code Online (Sandbox Code Playgroud)

到:

<section>
  <article>
    <h1></h1>
    <p></p>
  </article>
</section>
Run Code Online (Sandbox Code Playgroud)

...适用于整页和片段。

  • 内置Edit > Line > Reindent设置不这样做
  • 插件 HTMLTidy 添加headbody标记,因此它不适用于部分,它还存在各种其他问题
  • 插件标签有各种问题,足以使其基本上不起作用
  • 插件HTMLPrettify有各种问题,需要node.js,几个月没更新了
  • gist.github.com/mcdonc/3898894 声称这样做,但需要 Emacs

(Notepad++ 有自动缩进,Dreamweaver 有应用源格式,Aptana 有格式等)

Tag 插件错误地处理内联标签,例如在此代码段中使用它:

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

结果是:

<p>
    foo
    <a>
        bar
        <span>
            baz
            <span>qux</span>
        </span>
    </a>
</p>
Run Code Online (Sandbox Code Playgroud)

Bib*_*has 18

reindent并不总是对的片段工作。您可以使用Tag插件(从包控制安装)。然后只需按ctrl+ shift+ p,然后键入tag。你会看到选项Auto-Format tags on document。选择并按下Enter。这样就可以了。

  • 同样的问题。过去我用过无数的编辑器,Coda、Sublime、Espresso、Chocolat、TextMate……但没有一个能够像 Dreamweaver 的 Apply Source Formatting 一样完美地正确格式化文本。人们只是建议 Tidy 或其他一些永远不会像 Dreamweaver 那样工作的插件。我很高兴有人“Zooted”看到了这个问题。不幸的是,仍然没有解决方案。在 Sublime Text 3 中,即使使用 Tag,它也无法正常工作(如上面的示例所示)。而且原生的 Reindent 功能非常不值钱。 (2认同)

小智 7

选择全部 ->编辑菜单 ->-> Reindend 即可。您可以为相同的用途设置快捷方式组合

{ "keys": ["ctrl+shift+r"], "command": "reindent", "args": { "single_line": false } }

  • 对我不起作用。 (2认同)