Como gerar uma lista ordenada e não ordenada de algumas linhas no Sublime Text

1

Como gerar eficientemente listas ordenadas e não ordenadas de algumas linhas?

Digamos que:

list item 1
list item 2
list item 3

em

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
</ul>
    
por uicoded 03.10.2013 / 05:40

2 respostas

3

Você pode instalar o pacote Emmet via Controle de Pacotes ( link ) ou instalá-lo diretamente copiando os arquivos do pacote Emmet. Então

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

Clique no botão Tab e você verá:

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

Logo após a criação da lista, você também pode pressionar a tecla Tab para mover rapidamente para os próximos (ou anteriores) itens.

    
por 03.10.2013 / 22:16
0

Caso o plugin Emmet não seja adequado para você, você pode tentar salvar o seguinte como uma macro e usá-lo. Ele não recua e não tem verificação de erros, mas faz o que eu precisava. (Preferences- > Browse Packages abre a pasta "user" cria uma nova pasta chamada algo como "ulmaker" e salva como "ulmaker.sublime-macro" dentro dela.) Então você pode usá-la no menu suspenso (Tools- > Macros) ou bind para uma chave .

(Preferências- > Usuário de vinculações de teclas)

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

Isto liga-o a uma combinação onde você segura ALT e pressione u, então l.

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

Uma pessoa mais experiente pode limpar este código um pouco. Eu usei apenas ctrl + q para gravar isso e, em seguida, o salvei.

    
por 28.04.2016 / 20:18