Sublime Text 2 wrapping selection in tag

tags sublimetext2 keyboard-shortcuts wrap

57684 просмотра

8 ответа

In ST2, highlighting some text and pressing alt + shift + w (on Windows) will wrap the current selection in <p></p> tags. But is there a way to specify which tag to wrap with? Because maybe I want to wrap in a span, or a div instead.

Автор: Lars Источник Размещён: 17.05.2019 02:36

Ответы (8)


88 плюса

You don't need Emmet, at least not in Sublime Text 3 for Mac.

With or without the Emmet plugin, place your cursor somewhere in the word, highlight the word via commandd, press controlshiftw (Menubar > Edit > Tag > Wrap Selection With Tag), and type the desired element type over the currently highlighted, default-generated p tags.

Note: In MS Windows, the shortcut to wrap is altshiftw.

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Автор: jtheletter Размещён: 24.07.2014 08:56

74 плюса

Решение

Используя Emmet, поместите курсор в тег, который вы хотите обернуть, и нажмите ctrl+ w(для MacOS) или Alt+ Shift+ W(для Windows), появится окно для ввода типа тега, который вы хотите обернуть.

Автор: Lars Размещён: 26.06.2013 01:42

18 плюса

Одна линия

Если вы хотите конвертировать это

Lorem ipsum dolor sit amet.

к этому

<div>Lorem ipsum dolor sit amet.</div>  

сделай это:

  • Выделите текст или нажмите CTRL+ L(будет выбрана текущая строка)
  • Нажмите ALT+ SHIFT+W
  • Введите нужный тег (он перезапишет тег p по умолчанию)

Несколько строк

Если вы хотите конвертировать это

Item 1
Item 2
Item 3

к этому

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

сделай это:

  • Выделите текст или нажмите CTRL+ Lнесколько раз
  • Нажмите CTRL+ SHIFT+ L(это сделает один выбор на строку)
  • Нажмите ALT+ SHIFT+W
  • Введите нужный тег (он перезапишет тег p по умолчанию)

Вы также можете выбрать текст с помощью SHIFT+ MOUSE RIGHT BUTTON, и в этом случае вы можете пропустить второй шаг.

Использование Эммета

Если вы хотите конвертировать это

Item 1
Item 2
Item 3

к этому

<nav>
  <ul class="nav">
    <li class="nav-item1"><a href="">Item 1</a></li>
    <li class="nav-item2"><a href="">Item 2</a></li>
    <li class="nav-item3"><a href="">Item 3</a></li>
  </ul>
</nav>

сделай это:

Примечание для пользователей Mac:

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

Автор: Gustavo Размещён: 15.12.2014 09:57

5 плюса

Создайте пользовательский фрагмент, например, для вставки тега span. Перейдите в меню приложения: Tools > New Snippet ...и скопируйте в окно фрагмент ниже:

<snippet>
    <content><![CDATA[
<span style="color:#0000FF">$SELECTION$1</span>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>span</tabTrigger>
    <description>HTML - span - color - blue</description>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.html</scope>
</snippet>

... затем сохраните фрагмент в файл с html-span--colorименем, например, и свяжите этот фрагмент с комбинацией клавиш Preferences > Key Bindings-User, создав новую запись ключа, например:

{ "keys": ["alt+shift+c"], "command": "insert_snippet", "args": { "name": "Packages/User/html-span--color.sublime-snippet" } }

Предполагается, что местоположение фрагмента является Packages/User/каталогом.

Теперь выберите любой текст, который вам нужно обернуть, в тег span и нажмите Alt+ Shift+ cили введите «span», нажмите Tab, курсор будет установлен на требуемую позицию внутри тега, просто введите текст.

Я успешно протестировал фрагмент и связывание ключей с Sublime Text 3 в Ubuntu Linux.

Автор: Vladimir S. Размещён: 14.05.2014 06:49

5 плюса

Ответы все хорошие. Вот где привязки клавиш для настройки:

В Предпочтение: Сочетания клавиш - по умолчанию :

{ 
  "keys": ["ctrl+shift+w"], "command": "insert_snippet", 
  "args": { "name": "Packages/XML/long-tag.sublime-snippet" } 
}

Если у вас есть Emmet, версия emmet

{ "keys": ["super+shift+w"], "command": "wrap_as_you_type"}

Отредактируйте их в « Предпочтениях»: «Привязки клавиш» - «Пользователь по вашему вкусу»,

Автор: Phillip Chan Размещён: 27.01.2016 06:35

1 плюс

чтобы сделать вашу жизнь проще, пока вы находитесь в Sublime text3: введите любой из них ( p, h1, div, header, footer, title ...) и нажмите Tab, например, если вы хотите div. Просто введите div и нажмите Tab

Автор: mwangaben Размещён: 07.11.2014 01:15

0 плюса

в ST2 введите тег без скобок и нажмите Tab. Это автоматически даст вам открытый и закрытый тег

Автор: user4918206 Размещён: 19.05.2015 10:44

-5 плюса

Эта система вставки фрагментов очень громоздка по сравнению с механизмом, предусмотренным в Dreamweaver. В этом случае вы создаете фрагмент любого вида. Он хранится в библиотеке в оперативной памяти и отображается в виде структуры каталогов. Вы объявляете, относится ли фрагмент к типу INSERT (в позиции курсора) или к типу SPAN (интервал выделенного текста). В первом случае вставляется весь фрагмент. Во втором случае фрагмент создается с частью «до» и с частью «после». Обычно часть «после» - это просто закрывающий тег. Чтобы использовать режим INSERT HERE, поместите курсор и дважды щелкните фрагмент в библиотеке, и он вставит его в положение курсора. Чтобы использовать режим SPAN SELECTED TEXT, выделите нужный текст и дважды щелкните фрагмент в библиотеке. Выделенный текст окружен «до» и "после" части фрагмента. Это очень интуитивный, простой в использовании и позволяет пользователю создавать неограниченное количество фрагментов, которые могут охватывать выделенный текст. БУДУТ НЕКОТОРЫЕ ОЧЕНЬ УМНЫЕ ПРОГРАММИСТЫ, ПОЖАЛУЙСТА, СОЗДАЙТЕ ДОПОЛНИТЕЛЬНО, КАК ЭТО НА ВЫШЕ 3? Примечание. Для сравнения, Bracket Highlighter - это плагин Sublime с функцией обтекания, который, казалось бы, обладает такой функциональностью, но при ближайшем рассмотрении его слишком громоздко использовать, если вы хотите создать эффективную библиотеку фрагментов на лету. Спасибо, Питер Рости Bracket Highlighter - это плагин Sublime с функцией обертывания, который, казалось бы, обладает такой функциональностью, но при ближайшем рассмотрении его слишком громоздко использовать, если вы хотите создать эффективную библиотеку фрагментов на лету. Спасибо, Питер Рости Bracket Highlighter - это плагин Sublime с функцией обертывания, который, казалось бы, обладает такой функциональностью, но при ближайшем рассмотрении его слишком громоздко использовать, если вы хотите создать эффективную библиотеку фрагментов на лету. Спасибо, Питер Рости

Автор: Peter R Размещён: 17.05.2015 02:32
Вопросы из категории :
32x32