☰

So generieren Sie aus mehreren Zeilen in Sublime Text eine geordnete und ungeordnete Liste

tag-icon • tag-icon sublime-text-2
So generieren Sie aus mehreren Zeilen in Sublime Text eine geordnete und ungeordnete Liste

Wie lassen sich aus mehreren Zeilen effizient geordnete und ungeordnete Listen erstellen?

Sagen wir:

list item 1
list item 2
list item 3

hinein

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
</ul>

Antwort1

Sie können das Emmet-Paket über Package Control installieren (Verknüpfung) oder installieren Sie es direkt, indem Sie die Emmet-Paketdateien kopieren. Dann

// don't forget to choose HTML edit mode in the Sublime Text editor

// type 
ul#nav>li.item$*4>a{Item $}
// 1      2     3   4
//1- List ID
//2- class name
//3- list members number
//4- items name

Klicken Sie auf die TabSchaltfläche und Sie sehen:

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

Direkt nach der Listenerstellung können Sie auch drücken, Tabum schnell zum nächsten (oder vorherigen) Element zu gelangen.

Antwort2

Falls das Emmet-Plugin nicht zu Ihnen passt, können Sie versuchen, das Folgende als Makro zu speichern und zu verwenden. Es macht keine Einrückungen und hat keine Fehlerprüfung, aber es tut, was ich brauchte. (Einstellungen->Pakete durchsuchen, Ordner „Benutzer“ öffnen, einen neuen Ordner mit einem Namen wie „ulmaker“ erstellen und diesen als „ulmaker.sublime-macro“ darin speichern.) Dann können Sie es aus der Dropdown-Liste (Tools->Makros) verwenden oderBinden Sie es an einen Schlüssel.

(Einstellungen->Tastenkombinationen Benutzer)

{ "keys": ["alt+u", "alt+l"], "command": "run_macro_file", "args": {"file": "Packages/User/ulmaker/ulmaker.sublime-macro"} }

Dies bindet es an eine Kombination, bei der Sie ALT gedrückt halten und u und dann l drücken.

[
    {
        "args": null,
        "command": "split_selection_into_lines"
    },
    {
        "args":
        {
            "extend": false,
            "to": "bol"
        },
        "command": "move_to"
    },
    {
        "args":
        {
            "characters": "<li"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "extend": false,
            "to": "eol"
        },
        "command": "move_to"
    },
    {
        "args":
        {
            "characters": "<"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "/li"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "extend": true,
            "to": "bol"
        },
        "command": "move_to"
    },
    {
        "args": null,
        "command": "cut"
    },
    {
        "args": null,
        "command": "single_selection"
    },
    {
        "args":
        {
            "characters": "<ul"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": ">"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "\n"
        },
        "command": "insert"
    },
    {
        "args": null,
        "command": "paste"
    },
    {
        "args":
        {
            "characters": "\n<"
        },
        "command": "insert"
    },
    {
        "args":
        {
            "characters": "/ul>"
        },
        "command": "insert"
    }
]

Eine erfahrenere Person könnte diesen Code etwas aufräumen. Ich habe einfach Strg+Q verwendet, um dies aufzuzeichnen, und es dann gespeichert.

verwandte Informationen