Це здається найосновнішим питанням у світі, але проклятим, якщо я можу знайти відповідь.

Чи є ярлик на клавіатурі, рідний для Visual Studio або через Code Rush або інший сторонній плагін, щоб обернути поточний вибір HTML-тегом? Я втомився вводити тег відкриття, вирізати неправильно розміщений тег закриття до буфера обміну, переміщувати курсор і вставляти його в кінці, куди він належить.

Оновлення. Ось як TextMate обробляє оточення виділення тегом . Чесно кажучи, я приголомшений тим, що Visual Studio, схоже, не має подібної функції. Створення макросу або фрагменту для кожного мислимого тегу, який я, можливо, хочу використати, здається абсурдним.

Visual Studio 2015 поставляється з новим ярликом, Shift + Alt + W, який обертає поточну вибірку ділом. Цей ярлик залишає вибраний текст "div", завдяки чому він може легко змінюватися на будь-який потрібний тег. Це в поєднанні з автоматичною заміною кінцевого тегу дозволяє швидко вирішити.

ОНОВЛЕННЯ

Цей ярлик доступний і у Visual Studio 2017, але у вас має бути встановлено навантаження "ASP.NET та веб-розробка".

Приклад

Shift+Alt+W > p > Enter

Я знаю, що це старе, і ви, напевно, вже знайшли відповідь, але я просто хотів би додати заради тих, хто, можливо, не знає, що це можливо в VS 2010:

1. Виберіть код, яким ви хочете оточити.
2. Зробіть ctrl-k ctrl-s(або клацніть правою кнопкою миші та виберіть Surround with....
3. Існує безліч фрагментів HTML на вибір.

Ви можете створити власні фрагменти SurroundsWith, якщо ви не знайдете те, що шукаєте:

1. Клацніть, Fileа потім клацніть Newта виберіть тип файлу XML.
2. У Fileменю натисніть кнопку Save.
3. У Save asполі виберіть All Files (*.*).
4. У File nameполі введіть ім'я .snippetфайлу з розширенням імені файлу.
5. Клацніть Save.

Введіть щось подібне до зразка у XML-файл:

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <Header>
    <Title>ul-div</Title>
    <Author>Microsoft Corporation</Author>
    <Shortcut>ul>li</Shortcut>
    <Description>Wrap in a ul and then an li</Description>
    <SnippetTypes>
      <SnippetType>Expansion</SnippetType>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<ul><li>$selected$</li></ul>$end$]]></Code>
  </Snippet>
</CodeSnippet>

1. Відкрити Tools> Code Snippets Manager.
2. Клацніть Importта перейдіть до фрагменту, який ви щойно створили.
3. Перевірте My HTML Snippetsта натисніть, Finishа потім OK.

Тоді ви отримаєте новий блискучий фрагмент HTML для вставки матеріалів!

Ctrl-X -> Теги типу -> Ctrl-V все ще є найшвидшим рішенням, яке я бачив, як згадувалося у цій відповіді: https://stackoverflow.com/a/5109994/486325 .

Якщо у вас встановлено Web Essentials , ви можете використовувати Shift + Alt + W, щоб оточити виділення тегом.

Я знаю, що це давня нитка, але, зіткнувшись з проблемою, я нарешті вирішив зробити своє, і оскільки це один з перших результатів в Google, я подумав, що люди можуть вважати це корисним.

Насправді це було досить просто, я просто скопіював з наявного фрагмента HTML і перемістився по літералам. Наведений нижче фрагмент буде оточувати загальний тег HTML, він запитує про тег і помістить його як у відкриваючий, так і закриваючий теги.

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <!-- Generic HTML Snippet -->
  <Header>
    <Title>Html</Title>
    <Author>Liam Slater</Author>
    <Shortcut>h</Shortcut>
    <Description>Markup snippet for HTML</Description>
    <SnippetTypes>
      <SnippetType>SurroundsWith</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Declarations>
      <Literal>
        <ID>tag</ID>
        <ToolTip>tag</ToolTip>
        <Default></Default>
      </Literal>
      <Literal>
        <ID>selected</ID>
        <ToolTip>content</ToolTip>
        <Default>content</Default>
      </Literal>
    </Declarations>
    <Code Language="html"><![CDATA[<$tag$>$selected$</$tag$>$end$]]></Code>
  </Snippet>
</CodeSnippet>

Зіткнувшись із цією ситуацією, я часто набираю спочатку тег закриття, а потім тег відкриття. Це не дозволяє IDE "допомагати", вставляючи тег закриття там, де я цього не хочу. Мені також цікаво краще рішення.

Для тих, хто використовує Visual Studio 2017: Клацніть правою кнопкою миші на html/ cshtmlобласть або виберіть деякі елементи для обгортання, Wrap With <div>у списку є кнопка.

Нічого мені не відомо, але писати макрос, щоб загорнути його в потрібний тег, не повинно бути важким. У мене є аналогічний, який оберне мій вибір у регіоні.