html - 在每个标记属性上换行并在 Visual Studio HTML 代码编辑器中保持对齐

标签 html visual-studio tags formatting line-breaks

如果你希望在下一个版本的 VS 中实现这一点,请投票 here .


假设以下水平长度为<button> HTML声明:

<button type="submit" class="btn btn-primary" id="save" name="action:@ViewContext.RouteData.Values["action"]"><i class="icon-save icon-large"></i> @Localization.Save</button>

正如您所见,所有标签属性都是内联的,因此它们在代码编辑器中延伸了很长一段路......

您知道任何允许使用 Ctrl + K 然后 Ctrl + 格式化的 Visual Studio 选项或扩展F 像这样:

<button type="submit"
        class="btn btn-primary"
        id="save"
        name="action:@ViewContext.RouteData.Values["action"]">
<i class="icon-save icon-large"></i>@Localization.Save
</button>

我认为上面的格式可以很容易地发现一个给定的属性,尽管它显然会使垂直滚动条更长一点。 :)

我尝试在 TOOLS => Options... => Text Editor => HTML 中调整 Visual Studio 选项但没有找到控制此行为的选项。

当然我可以手动对齐,但是如果我点击 Ctrl + K 然后 Ctrl + F错误地我丢失了所有自定义格式。

如果没有这样的东西可用,我认为这对于 Visual Studio 扩展来说是个好主意。作为一个加号,它甚至可以按字母顺序排列属性。 :)


再用谷歌搜索一下,我发现 XAML Visual Studio 中的编辑器拥有我想要的 HTML 编辑器:

Position each attribute on a separate line

enter image description here


我在 Visual Studio 可扩展性论坛上问过同样的问题:

http://social.msdn.microsoft.com/Forums/en-US/vsx/thread/0d97c205-9f29-4ba7-9d0b-253413077dce/


如果你希望在下一个版本的 VS 中实现这一点,请投票 here .

最佳答案

好吧,我在 ASP.NET 论坛上发现了一个技巧:

Positioning each attribute on a separate line

它不像我的问题中描述的 XAML 功能,但它有效。

In Options/Text Editor/HTML/Format you can check "Wrap tags when exceeding specific length" and set the length to 1. That will cause the formatter to wrap like crazy.


另一种选择是:

  1. 转到TOOLS => Options... => Text Editor => XML => Formatting => 将每个属性对齐在单独的一行。

  2. 关闭 .cshtml 文件。在解决方案资源管理器中右键单击它并选择打开方式...,然后选择 XML(文本)编辑器。选择所有内容并执行 Ctrl + K 然后 Ctrl + F

    * 第二个选项很乏味! :(

关于html - 在每个标记属性上换行并在 Visual Studio HTML 代码编辑器中保持对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14791592/

相关文章:

visual-studio - 如何使用 AnkhSVN 将 VS2010 项目添加到 Google Code SVN?

java - 如何解决 honeSTLY 没有意义的 TransientObjectException

javascript - CSS 以 child 为目标但不影响它所应用的元素

html - CSS3 Marquee 不显示 .marquee 容器中的所有 html 元素

bash - 如何在Visual Studio中将Bash Shell脚本作为构建事件运行?

visual-studio - MAUI 项目中的预处理器指令在哪里设置

html - 在 CSS 中填充整个表格行

javascript - 创建一个在所有页面上显示的通用标题

java - 如何使用自定义标签库包含 jsp 文件?

java - 如何在 HTML 页面上正确合并小程序?