it-swarm.com.de

Hervorragender Text 2, der die Auswahl im Tag umschließt

Markieren Sie in ST2 einen Text und drücken Sie alt + shift + w (unter Windows) wird die aktuelle Auswahl in <p></p> Stichworte. Aber gibt es eine Möglichkeit, welches -Tag anzugeben, mit dem umbrochen werden soll? Weil ich mich vielleicht in eine Spanne wickeln möchte, oder stattdessen in eine Div.

78
Lars

Setzen Sie den Cursor mit Emmet auf das Tag, das Sie umbrechen möchten, und drücken Sie ctrl + w (für MacOS) oder Alt+Shift+W (für Windows) wird ein Fenster eingeblendet, in dem Sie den Typ des Tags eingeben können, mit dem Sie den Zeilenumbruch durchführen möchten.

75
Lars

Sie brauchen Emmet nicht, zumindest nicht in Sublime Text 3 für Mac.

Platzieren Sie Ihren Cursor mit oder ohne Emmet-Plugin an einer beliebigen Stelle im Wort und markieren Sie das Wort über commandd, Drücken Sie controlshiftw (Menubar > Edit > Tag > Wrap Selection With Tag) und geben Sie den gewünschten Elementtyp über die derzeit hervorgehobenen, standardmäßig generierten Tags p ein.

Hinweis: In MS Windows lautet die zu umschließende Verknüpfung altshiftw.

enter image description here

enter image description here

enter image description here

90
jtheletter

Einzeilig

Wenn Sie dies konvertieren möchten

Lorem ipsum dolor sit amet.

dazu

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

mach das:

  • Wählen Sie den Text aus oder drücken Sie CTRL + L (es wird die aktuelle Zeile auswählen)
  • Drücken Sie ALT + SHIFT + W
  • Geben Sie das gewünschte Tag ein (es überschreibt das Standard-p-Tag)

Mehrere Zeilen

Wenn Sie dies konvertieren möchten

Item 1
Item 2
Item 3

dazu

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

mach das:

  • Wählen Sie den Text aus oder drücken Sie CTRL + L mehrmals
  • Drücken Sie CTRL + SHIFT + L (es wird eine Auswahl pro Zeile getroffen)
  • Drücken Sie ALT + SHIFT + W
  • Geben Sie das gewünschte Tag ein (es überschreibt das Standard-p-Tag)

Sie können den Text auch mit auswählen SHIFT + MOUSE RIGHT BUTTON, und in diesem Fall können Sie den zweiten Schritt überspringen.

Verwenden von Emmet

Wenn Sie dies konvertieren möchten

Item 1
Item 2
Item 3

dazu

<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>

mach das:

  • Markieren Sie den Text
  • Drücken Sie SHIFT + CTRL + G ( mbruch mit Abkürzung )
  • Geben Sie nav> ul.nav> li.nav-item $ *> a ein

Hinweis für Mac-Benutzer:

ALT + SHIFT + W = CTRL + SHIFT + W

CTRL + SHIFT + L = CMD + SHIFT + L

20
Gustavo

Erstellen Sie ein benutzerdefiniertes Snippet, um beispielsweise ein span-Tag einzufügen. Gehen Sie zum App-Menü: Tools > New Snippet ..., und kopieren Sie das folgende Snippet in das Fenster:

<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>

... dann speichern Sie das Snippet in einer Datei mit z. html-span--color benenne und binde das Snippet an eine Tastenkombination in Preferences > Key Bindings-User, einen neuen Schlüsseleintrag erstellen, zum Beispiel:

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

Es wird angenommen, dass ein Ort des Snippets Packages/User/ Verzeichnis.

Wählen Sie nun einen beliebigen Text aus, den Sie in das span-Tag einschließen möchten, und drücken Sie Alt+Shift+c oder geben Sie 'span' ein, drücken Sie TabWird ein Cursor auf die gewünschte Position innerhalb des Tags gesetzt, geben Sie einfach Ihren Text ein.

Ich habe das Snippet und die Schlüsselbindung erfolgreich mit Sublime Text 3 unter Ubuntu Linux getestet.

5
Vladimir S.

Die Antworten sind alle gut. Hier finden Sie die Tastenbelegungen zum Anpassen:

In Voreinstellung: Tastenbelegung - Standard:

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

Wenn Sie Emmet haben, ist die Emmet-Version

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

Bearbeiten Sie sie in Einstellungen: Tastaturbelegung - Benutzer nach Ihren Wünschen,

5
Phillip Chan

um Ihnen das Leben in Sublime Text3 zu erleichtern, geben Sie eine der folgenden Zeichen ein ( p, h1, div, header, footer, title ...) und drücken Sie Tab , wenn Sie möchten div Gib einfach div ein und drücke Tab

1
mwangaben

geben Sie in ST2 ein Tag ohne Klammern ein und drücken Sie die Tabulatortaste. Sie erhalten automatisch ein offenes und ein geschlossenes Tag

0
user4918206