Піднесене виділення тексту 2 у тезі

У ST2 виділення деякого тексту та натискання alt+ shift+ w(у Windows) завершить поточний виділений <p></p>тег. Але чи є спосіб вказати, яким тегом обертати? Тому що, можливо, я хочу обернути в проміжок, або замість цього div.

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

Однорядковий

Якщо ви хочете перетворити це

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>

зробити це:

• Виділіть текст
• Натисніть SHIFT+ CTRL+ G( обгортка із абревіатурою )
• Введіть nav> ul.nav> li.nav-item $ *> a

Примітка для користувачів Mac:

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

Наприклад, створіть власний фрагмент, щоб вставити тег 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.

Відповіді всі хороші. Ось де прив'язки ключів призначені для налаштування:

У Preference: Key Bindings - За замовчуванням :

{ 
  "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"}

Відредагуйте їх у Налаштуваннях: Прив’язки клавіш - Користувач на ваш смак,

щоб полегшити своє життя, поки ви знаходитесь у Sublime text3: введіть будь-який із них ( p, h1, div, верхній колонтитул, заголовок ...) і натисніть Tab, наприклад, якщо ви хочете div Просто введіть div і натисніть Tab

у ST2 введіть тег без дужок і натисніть Tab. Він автоматично дасть вам відкритий і закритий тег

Ця система вставки фрагментів дуже громіздка в порівнянні з механізмом, передбаченим у Dreamweaver. У такому випадку ви створюєте фрагмент будь-якого типу. Він зберігається в бібліотеці в ОЗУ і відображається у структурі стилю каталогів. Ви заявляєте, чи є фрагмент типу INSERT (у позиції курсору), або типу SPAN (охоплює виділений текст). У першому випадку вставляється весь фрагмент. У другому випадку фрагмент створюється з частиною "до" і та "після". Зазвичай частина "після" - це лише закриваючий тег. Щоб використовувати режим ВСТАВИТИ ТУТ, ви позиціонуєте курсор і двічі клацаєте по фрагменту в бібліотеці, і він вставляє його в положення курсору. Щоб скористатися режимом ВИБРАНОГО ТЕКСТУ, виділіть потрібний текст і двічі клацніть фрагмент у бібліотеці. Виділений текст оточується символом "перед" та частини після фрагмента. Це дуже інтуїтивно зрозуміло, просто у використанні і дозволяє користувачеві створювати необмежену кількість фрагментів, які можуть охоплювати вибраний текст. БІЛЬКИ ДУЖЕ РОЗУМНИЙ ПРОГРАМИСТ, БУДЬ ЛАС, СТРОИТИ РОЗШИРЕННЯ ТАК, ЩО ЦЕ ВИПУСКАЄ 3? Примітка: Для порівняння, Bracket Highlighter - це плагін Sublime з функцією обтікання, який, здавалося б, має таку функціональність, але при ретельному огляді він занадто громіздкий, щоб використовувати його, якщо ви хочете створити ефективну бібліотеку фрагментів на льоту. Дякую, Пітер Рості Bracket Highlighter - це плагін Sublime з функцією обтікання, який, здається, має таку функціональність, але при ретельному огляді він занадто громіздкий, щоб використовувати його, якщо ви хочете створити ефективну бібліотеку фрагментів на льоту. Дякую, Пітер Рості Bracket Highlighter - це плагін Sublime з функцією обтікання, який, здавалося б, має таку функціональність, але при ретельному огляді він занадто громіздкий, щоб використовувати його, якщо ви хочете створити ефективну бібліотеку фрагментів на льоту. Дякую, Пітер Рості