崇高的文本2:格式的HTML标签在一行中的内容(Sublime Text 2: Format HTM

2019-08-02 03:23发布

好吧,我的情况比这里约HTML格式的所有线程有点不同。 另外,我已经安装了大约每HTML,结果好坏参半格式的插件在那里,没有真正解决我的问题。

此外,配置这些插件是很困难的,因为我不是一个程序员,一些作者没有提供足够的信息来定制自己的插件。

现在是我的格式有所HTML好是唯一的插件HTMLTidy ,问题是,它使用每个标签太多的空间。 请参阅下面我的HTML例子。

我也试过他们在提到这个线程 ,它只是作为缩进去的作品在一定程度上远,但没有真正的“真”的标记格式。

所有我想要做的就是把这个标记:

<ul>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
   <li>
     item here
   </li>
</ul>

或者这一个:

<p>
   Content...
</p>

这个:

<ul>
   <li>item here</li>
   <li>item here</li>
   <li>item here</li>
</ul>

还有这个:

 <p>Content...</p>

让每标签从打开/关闭标签单独的一行内容是浪费空间给我。

任何想法如何在TidyHTML修改的东西要么做到这一点或手动,或与此有关的任何其他方式?

提前致谢。

Answer 1:

注意:此方法仅适用于ST2,因为在这个时候(14年7月31日)HTMLTidy不适用于ST3。

我想出一个临时的解决方案,而不是理想的任何手段,但...

  1. 转到: Preferences -> Key Bindings - User 。 你会被编辑文件默认(Windows)中.sublime-keypmap。

  2. 这两个指令添加到该文件(注意,指示必须是[]括号 ):

      [ { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}}, //Indent code -- http://stackoverflow.com/questions/8839753/formatting-html-code-using-sublime-text-2 { "keys": ["ctrl+alt+t"], "command": "html_tidy"} //HTMLTidy key binding ] 
  3. 保存文件。

  4. 请确保你已经安装了HTMLTidy。 打开HTMLTidy的设置文件HtmlTidy.sublime设置Preferences -> Package Settings -> HtmlTidy -> Settings - Default

  5. 寻找"indent": true, (包括双引号和逗号),并将其更改为false

  6. 保存文件。

  7. 回到你的HTML文件,然后选择你想在一个行格式化代码的一部分 。 是的,如果你选择整个标记O_O这是行不通的。 它只会留下什么内<body>标签,它会删除一切( <html> <head>等)。

  8. CTRL + ALT + T执行TidyHTML。 这将缩小您的标记,该标记在一行。

  9. 最后按CTRL + SHIFT + R执行缩进。

祝好运。



Answer 2:

如果你的元素是一致的,更简单的解决办法是选择所有的<li>你要的粉碎与ALT + F3一条线,或进行更多的控制, 按ctrl + d,则只需按Ctrl + J两次加盟行在一起。 完成!

如果做不到这一点,用Ctrl + Shift + J以选择所有标签内后多选择每个标签的一部分的内容。 击中光标与左或右方向键的右侧或左侧边缘,你可以从那里删除。



Answer 3:

您可以通过按下F12键设置快捷键一行

转到菜单选项 - >键绑定 - 用户

{ "keys": ["f12"], "command": "reindent"}

看到详细的http://how-to-sublime-text.blogspot.com/2014/11/reformat-code.html



文章来源: Sublime Text 2: Format HTML tags' content in one line