Html indentation in vim

Question

I don't know if this is possible, but does anyone know of a backtracking script that will support this script?

(| - cursor)

given

<div>|<div>

if I press enter, I want to see

<div>
  |
</div>

instead

 <div>
|<div>

Answer 1

You can do something like this:

function! NewlineInTag()
    let lnum = getline('.')
    let cnum = col('.')

    let chars = strpart(lnum, cnum - 2, 2)
    if chars =~ '><'
        return "\<CR>\<ESC>\<UP>$o"
    else
        return "\<CR>"
    endif
endfunction

imap <CR> <C-R>=NewlineInTag()<CR>

Answer 2

delimitMate will take care of this for you. However, you will need two additional settings ...

add>: <pair to the list of html files:

au FileType html let delimitMate_matchpairs = "(:),[:],{:},>:<"

and tell me which template you want to add after insertion

au FileType html let b:delimitMate_expand_cr = "\<CR>\<CR>\<Up>\<Tab>"

(instead of inserting two a, insert two s, press up, then paste the tab)

Answer 3

,

"fancy html indenting
function! NewlineInTag()
    let lnum = getline('.')
    let cnum = col('.')

    let chars = strpart(lnum, cnum - 2, 3)
    if chars =~ '></'
        return "\<CR>\<ESC>\<UP>$o"
    else
        return "\<CR>"
    endif
endfunction

autocmd FileType eruby,html imap <CR> <C-R>=NewlineInTag()<CR>