Как в visual studio обернуть текст в тег

Обновлено: 06.01.2025

В новом редакторе HTML в VS 2013 удален режим WYSIWYG, и панель инструментов форматирования отключена. Это хорошо, в общем, но оно также сделало простые изменения, например, сделать текст полужирным или курсивом сложнее.

Что я сейчас делаю, чтобы сделать текст полужирным шрифтом:

Это гораздо менее удобно, чем просто нажимать Ctrl + B или что-то подобное. Я знаю, что в Visual Studio есть команда "Surround with", есть настраиваемые сочетания клавиш и т.д., Поэтому я надеюсь, что функциональность Ctrl + B каким-то образом может быть достигнута в Visual Studio. Есть ли какой-нибудь умный трюк, или я, возможно, пропустил что-то другое, довольно простое?

спросил(а) 2014-03-04T14:50:00+04:00 7 лет, 8 месяцев назад

Web Essentials 2013 имеет функцию Surround with tag. (Alt + Shift + W), которая более жидкая, чем встроенная Окружать с. Я, вероятно, просто буду придерживаться этого, поскольку я использую Web Essentials в любом случае.

ответил(а) 2014-03-05T12:39:00+04:00 7 лет, 8 месяцев назад

Вы также можете добавить собственный фрагмент кода (я не знаю, почему Visual Studio не предоставил фрагмент для сильного тега по умолчанию).

Чтобы создать фрагмент:

1) Создайте текстовый файл в C:\Users\USERNAME\Documents\Visual Studio 2013\Фрагменты кода \Visual Web Developer\Мои фрагменты HTML с именем strong.snippet

2) Поместите следующий текст внутри текстового файла:

Чтобы использовать фрагмент:

1) Выберите текст

2) Щелкните правой кнопкой мыши текст и выберите "Surround With. " или нажмите Ctrl-K, Ctrl-S

3) Откройте папку "My HTML Snippets" во всплывающем меню и выберите сильный фрагмент

ответил(а) 2016-02-03T16:37:00+03:00 5 лет, 9 месяцев назад

Создайте HTML-код-фрагмент кода в Visual Studio

1. Создайте новый .xml файл

2. Используйте следующий шаблон фрагмента:

3.. Дайте имя вашему фрагменту и сохранить-как-это, используя (YourFileName.snippet) расширение

Добавить фрагмент в Visual Studio

1. Использовать менеджер фрагментов кода: Перейти к: Инструменты/Менеджер фрагментов кода /

Использовать свой собственный фрагмент

1. Выберите текст в Текстовом редакторе.

2. используйте комбинацию CTRL + K CTRL + X, чтобы открыть Диалоговое окно "Вставить фрагмент"

3. Выберите HTML из списка DropDown, в котором вы ранее сохранили файл .snipped

4.
Выберите свой собственный фрагмент из списка. Теперь он должен обернуть ваш текст тегом </ , например

★ Follow the above procedure again for creating a new snippents.

☕ HINT (just like in Sublime text editor build in feature)
You could create a Lorem Ipsum custom snippet just like this in a seconds:

☕ HINT

Вы можете создать почти любой фрагмент кода, который вы хотите, предоставив свойство language = "", и установив правильное описание в <code> раздел

Это кажется самым основным вопросом в мире, но будь я проклят, если смогу найти ответ.

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

обновление: это как Текст. сообщ ручки вокруг выбора с помощью тега. Честно говоря, я потрясен тем, что Visual Studio, похоже, не имеет подобной функции. Создание макроса или фрагмента для каждого мыслимого тега, который я могу использовать, кажется абсурдным.

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

обновление

этот ярлык также доступен в Visual Studio 2017, но вы должны иметь "ASP.NET и веб-разработка" рабочая нагрузка установлена.

я знаю, что это старый, и вы, вероятно, уже нашли ответ, но я просто хотел бы добавить ради тех, кто может не знать, что это возможно в VS 2010:

выберите код, который вы хотите окружить.
Do ctrl-k ctrl-s (или щелкните правой кнопкой мыши и выберите Surround with. .
существует множество фрагментов HTML на выбор.

вы можете создать свой собственный surroundswith фрагменты, если вы не найдете что вы ищете:

клик File и нажмите кнопку New , и выберите тип файла XML .
на , нажмите кнопку Save .
на Save as box, выберите All Files (*.*) .
на

Если у вас Web Essentials установлен, вы можете используйте Shift + Alt+W окружить выделение тегом.

Я знаю, что это древняя тема, но, столкнувшись с проблемой, я, наконец, добрался до своего собственного, и поскольку это один из первых результатов в Google, я подумал, что люди могут найти это полезным.

на самом деле это было довольно легко, я просто скопировал из существующего фрагмента HTML и переместил литералы. Следующий фрагмент окружает общий HTML-тег, он запрашивает тег и помещает его как в открывающий, так и в закрывающий теги.

столкнувшись с этой ситуацией, я часто сначала набираю закрывающий тег, а затем открывающий тег. Это предотвращает "помощь" IDE, вставляя закрывающий тег, где я этого не хочу. Я также заинтересован в лучшем решении.

для тех, кто использует Visual Studio 2017: щелкните правой кнопкой мыши на html / cshtml область или выберите некоторые элементы для обертывания, есть Wrap With <div> кнопка в списке.

ничего я не знаю, но писать макрос, чтобы обернуть его в любой тег, который вы хотите, не должно быть сложно. У меня есть аналогичный, который обернет мой выбор в блок региона.

Что я сейчас делаю, чтобы сделать текст полужирным шрифтом:

Тип
VS autocompletes
Я выбираю конечный тег и нажимаю Ctrl + X
Я иду в конец текста, который должен быть полужирным, и нажмите Ctrl + V

ОТВЕТЫ

Ответ 1

Ответ 2

Чтобы создать фрагмент:

2) Поместите следующий текст внутри текстового файла:

Чтобы использовать фрагмент:

1) Выберите текст

2) Щелкните правой кнопкой мыши текст и выберите "Surround With. " или нажмите Ctrl-K, Ctrl-S

3) Откройте папку "My HTML Snippets" во всплывающем меню и выберите сильный фрагмент

Ответ 3

Выберите текст
Нажмите Ctrl-X, чтобы вырезать его в буфер обмена
Введите тэг , который Visual Studio автоматически закроет с помощью курсора, оставшегося в середине начального и конечного тегов
Нажмите Ctrl-V, чтобы повторно вставить текст между тегами

Ответ 4

1. Создайте новый .xml файл

2. Используйте следующий шаблон фрагмента:

3.. Дайте имя вашему фрагменту и сохранить-как-это, используя (YourFileName.snippet) расширение

1. Использовать менеджер фрагментов кода: Перейти к: Инструменты/Менеджер фрагментов кода /

1. Выберите текст в Текстовом редакторе.

2. используйте комбинацию CTRL + K CTRL + X, чтобы открыть Диалоговое окно "Вставить фрагмент"

3. Выберите HTML из списка DropDown, в котором вы ранее сохранили файл .snipped

4. Выберите свой собственный фрагмент из списка. Теперь он должен обернуть ваш текст тегом </ , например

★ Follow the above procedure again for creating a new snippents.

☕ HINT (just like in Sublime text editor build in feature)
You could create a Lorem Ipsum custom snippet just like this in a seconds:

☕ HINT
Вы можете создать почти любой фрагмент кода, который вы хотите, предоставив свойство language = "", и установив правильное описание в <code> раздел
Ниже приведен пример функции JavaScript Alert()

Ответ 5

Нажмите на тег, который вы хотите обернуть, затем нажмите Ctrl + Alt + W .

Что я сейчас делаю, чтобы сделать текст полужирным шрифтом:

Тип
VS autocompletes
Я выбираю конечный тег и нажимаю Ctrl + X
Я иду в конец текста, который должен быть полужирным, и нажмите Ctrl + V

Это не похоже на работу с файлами .aspx. Вы нашли какие-либо другие решения? Я все еще застрял, используя метод копирования / вставки, который вы описали в своем первоначальном вопросе. Откуда вы узнали об этом - я не могу найти краткий обзор

Чтобы создать фрагмент:

2) Поместите следующий текст внутри текстового файла:

Чтобы использовать фрагмент:

1) Выберите текст

2) Щелкните правой кнопкой мыши текст и выберите "Surround With. " или нажмите Ctrl-K, Ctrl-S

3) Откройте папку "My HTML Snippets" во всплывающем меню и выберите сильный фрагмент

В VS 2015 в редакторе HTML есть опция «Обтекание с помощью div», однако в редакторе HTML (веб-формы), который имеет представление конструктора, такой опции нет. Я просто использовал ваш фрагмент кода, чтобы снова включить этот недостающий фрагмент. Спасибо!

1. Создайте новый .xml файл

2. Используйте следующий шаблон фрагмента:

3.. Дайте имя вашему фрагменту и сохранить-как-это, используя (YourFileName.snippet) расширение

1. Использовать менеджер фрагментов кода: Перейти к: Инструменты/Менеджер фрагментов кода /

1. Выберите текст в Текстовом редакторе.

2. используйте комбинацию CTRL + K CTRL + X, чтобы открыть Диалоговое окно "Вставить фрагмент"

3. Выберите HTML из списка DropDown, в котором вы ранее сохранили файл .snipped

4. Выберите свой собственный фрагмент из списка. Теперь он должен обернуть ваш текст тегом </ , например

★ Follow the above procedure again for creating a new snippents.

HINT (just like in Sublime text editor build in feature)
You could create a Lorem Ipsum custom snippet just like this in a seconds:

HINT
Вы можете создать почти любой фрагмент кода, который вы хотите, предоставив свойство language = "", и установив правильное описание в <code> раздел
Ниже приведен пример функции JavaScript Alert()

Читайте также: