posizione del cursore Vim dopo l'espansione tag html

Question

ho la maggior parte IDE e editor di testo moderni (Testo Sublime 3) il cursore viene correttamente rientrato dopo l'inserimento di una nuova riga tra un tag html (alias 'in espansione" del tag):

Prima :

<div>|</div> 

Dopo aver premuto CR:

<div> 
    | 
</div> 

Ma in Vim, questo è ciò che ottengo:

<div> 
|</div> 

Come posso ottenere lo stesso comportamento in Vim come nella maggior parte degli altri editor (vedere sopra)?

Answer 1

L'unico corretto comportamento di <CR> in modalità di inserimento è interrompere la linea sul cursore.

Quello che vuoi è un migliorato comportamento ed è necessario aggiungere qualcosa alla tua configurazione per ottenerlo: una mappatura, una funzione breve o un plugin a pieno titolo.

Quando ho iniziato a utilizzare vim, quel comportamento era in realtà una delle prime cose che ho aggiunto al mio vimrc. Ho cambiato molte volte in passato, ma questa mappatura è stata abbastanza stabile per un po ':

inoremap <leader><CR> <CR><C-o>==<C-o>O 

ho usato <leader><CR> per mantenere il normale comportamento di <CR>.

---

Ecco una piccola funzione che sembra fare quello che vuoi:

function! Expander() 
    let line = getline(".") 
    let col = col(".") 
    let first = line[col-2] 
    let second = line[col-1] 
    let third = line[col] 

    if first ==# ">" 
    if second ==# "<" && third ==# "/" 
     return "\<CR>\<C-o>==\<C-o>O" 

    else 
     return "\<CR>" 

    endif 

    else 
    return "\<CR>" 

    endif 

endfunction 

inoremap <expr> <CR> Expander() 

Answer 2

@RandyMorris e @romainl hanno pubblicato buone soluzioni per il vostro problema esatto.

Ci sono alcune altre possibilità che potrebbero interessarti se stai scrivendo questi tag da solo: c'è il plugin ragtag.vim per l'editing HTML/XML.

Con ragtag.vim si digita questo per creare il tuo (modalità di inserimento) "prima di" situazione:

div<C-X><Space> 

Per creare la "dopo" la situazione si sarebbe invece digitare:

div<C-X><Enter> 

Quindi, se sai in anticipo che stai per "espandere" il tag, digitando solo il nome dell'elemento e la combinazione CtrlX seguito da Inserire è sufficiente.

Esistono anche altri plugin più avanzati per salvare le sequenze di tasti durante la modifica di HTML, come ad esempio ZenCoding.vim e Sparkup.

Answer 3

questo piccolo frammento sarà rimappare Enter in modalità di inserimento per verificare se il cursore si trova tra il > e < e agire di conseguenza se lo è. A seconda delle impostazioni del rientro, potrebbe essere necessario rimuovere lo \<Tab>.

Sarà Non bello giocare con altri plugin che potrebbero essere essere anche la mappatura dei Enter chiave in modo da essere consapevoli del fatto che non v'è probabilmente più lavoro da fare se si vuole che la compatibilità.

function EnterOrIndentTag() 
    let line = getline(".") 
    let col = getpos(".")[2] 
    let before = line[col-2] 
    let after = line[col-1] 

    if before == ">" && after == "<" 
    return "\<Enter>\<C-o>O\<Tab>" 
    endif 
    return "\<Enter>" 
endfunction 

inoremap <expr> <Enter> EnterOrIndentTag() 

Ho testato solo i semplici casi (all'inizio della riga, fine della linea, dentro e fuori di ><), ci sono probabilmente bordo casi che questo non avrebbe raggiunto.

Answer 4

Poiché nessuno l'ha menzionato lo farò. C'è eccellente plugin che fa esattamente che delemitmate