Visual Studio - 如何在HTML标记中快速包装文本？

Question

VS 2013中的新HTML编辑器删除了WYSIWYG模式,并禁用了格式工具栏.这通常是为了好,但它也做了简单的编辑,如使一些文本粗体或斜体更难.

我目前要做的一些文字是大胆的:

1. 类型 <b>
2. VS自动完成 </b>
3. 我选择结束标记并按Ctrl + X.
4. 我转到应该是粗体的文本的末尾,然后按Ctrl + V.

这比按Ctrl + B或类似的东西要方便得多.我知道Visual Studio中有"Surround with"命令,有可自定义的键盘快捷键等.所以我希望在Visual Studio中以某种方式实现Ctrl + B功能.有一些聪明的伎俩,还是我可能错过了其他的东西,相当简单？

Answer 1

Web Essentials 2013具有Surround with tag ...功能(Alt + Shift + W),比内置Surround更具流畅性.我可能只是坚持使用它,因为我正在使用Web Essentials.

Answer 2

来自如何在 VS 2008 中使用 HTML 标记快速环绕文本的好建议？这是：

1. 选择您的文字
2. 按Ctrl+X将其剪切到剪贴板
3. 键入您的<strong>标签，Visual Studio 将自动关闭该标签，光标停留在开始和结束标签的中间
4. 按Ctrl+V在标签之间重新插入文本

Answer 3

您还可以添加自定义代码段(我不知道为什么Visual Studio默认情况下不为强标记提供代码段).

要创建代码段:

1)在C:\ Users\USERNAME\Documents\Visual Studio 2013\Code Snippets\Visual Web Developer\My HTML Snippets中创建一个名为strong.snippet的文本文件

2)将以下文本放在文本文件中:

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <Header>
    <Title>strong</Title>
    <Author>YOUR NAME</Author>
    <Shortcut>strong</Shortcut>
    <Description>Markup snippet for a strong text</Description>
    <SnippetTypes>
      <SnippetType>Expansion</SnippetType>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Code Language="html"><![CDATA[<strong>$selected$$end$</strong>]]></Code>
  </Snippet>
</CodeSnippet>

要使用代码段:

1)选择你的文字

2)右键单击文本并选择"Surround With ...",或按Ctrl-K,Ctrl-S

3)在弹出菜单中打开"我的HTML Snippets"文件夹,然后选择您的强大代码段