Как обернуть выделенный текст тегами в VS Code и эффективно повторить действие?

Question

Все теги <p> были удалены из разметки документа, обеспечивающего форматирование пробелов. Мне нужно добавить обратно <p> теги с классом CSS. В документе почти 300 строк.

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

ctrl + shift + p - Emmet: Wrap with Abbreviation - это ручное решение, хотя оно не учитывает экономию времени, так как мне нужно каждый раз вводить тег и класс.

Answer 1

Вы можете сделать простую привязку клавиш (в keybindings.json):

{
  "key": "alt+m",                                //whatever keybinding you choose
  "command": "editor.action.insertSnippet",
  // "when": "resourceExtname == .html",
  "args": {
    "snippet": "<p class=\"myClass\">$TM_SELECTED_TEXT</p>"
  }
}

Если ваш класс изменится, вы можете поместить там табуляцию вместо жесткого кодирования определенного className:

"snippet": "<p class=\"$1\">$TM_SELECTED_TEXT</p>"

Это будет работать и для мультикурсоров. Только Alt + m предназначен для запуска фрагмента. Другие нажатия клавиш - просто установить несколько курсоров, а затем развернуть те варианты выбора, которые вам могут не понадобиться. Я не знаю, как вы выбираете каждое из ваших дел.