Comment peut-on fermer les balises HTML dans Vim rapidement?

Il a été un moment depuis que j'ai eu à faire tout le HTML code dans Vim, mais récemment je suis tombé sur ce nouveau. Dire que je suis en train d'écrire une simple HTML:

<html><head><title>This is a title</title></head></html>

Comment dois-je écrire les balises de fermeture pour le titre, la tête et le html rapidement? J'ai l'impression que je suis absent quelque manière très simple ici, qui n'implique pas de moi en passant par écrit les tous un par un.

Bien sûr, je peux utiliser CtrlP pour la saisie semi-automatique de l'individu, des noms de balises, mais ce qui me met sur mon clavier d'ordinateur portable est en fait obtenir les crochets et la barre de droite.

InformationsquelleAutor wds | 2008-09-25
  1. 38

    Vérifier cela..

    closetag.vim 

    Functions and mappings to close open HTML/XML tags

    https://www.vim.org/scripts/script.php?script_id=13

    Je utiliser quelque chose de similaire.

    • J'ai installé cette. Il n'a pas terminé balise de fermeture automatiquement.Quel est le raccourci clavier? J'essaie Ctrl-_, mais ce faire des petites polices de mon terminal.
    InformationsquelleAutor Ian P
  2. 73

    - Je trouver de l'aide de l' l'éditeur xml plugin très utile. il ajoute deux fonctionnalités:

    1. Lorsque vous ouvrez une balise (par exemple type <p>), il élargit le tag dès que vous tapez la clôture > en <p></p> et place le curseur à l'intérieur de la balise en mode insertion.

    2. Si vous puis immédiatement un autre type de > (par exemple vous tapez <p>>), elle se développe que dans

      <p>

      </p>

    et place le curseur à l'intérieur de la balise, en retrait une fois, en mode insertion.

    La xml vim plugin ajoute le code de pliage et imbriqué de la balise correspondant à ces caractéristiques.

    Bien sûr, vous n'avez pas à vous inquiéter à propos de la fermeture des balises à tous, si vous écrivez votre contenu HTML dans Markdown et l'utilisation %! pour filtrer votre Vim tampon par le biais de la Démarque processeur de votre choix 🙂

    • Peut ce plugin auto-fermer les balises " </' est tapé? Ou il suffit d'insérer la balise de fermeture avec certains de frappe? Parfois, vous supprimez la balise de fermeture et souhaitez insérer par la suite...
    • Je l'ai désinstallé car il fait mon gvim clignotant au démarrage
    • Je n'aime pas ce plugin, car il ne fournit pas un moyen facile d'obtenir votre curseur passé de la balise générée. Par exemple, si vous souhaitez écrire "Avoir un <b>nice</b> jour", vous commencez par taper "Ont un <b>nice", qui se traduit par "Avoir un <b>nice|</b>". Vous devez ensuite bouton droit de la flèche à travers ou sortir du mode insertion de continuer avec le reste de la phrase. C'est pourquoi une solution où vous appuyez sur une touche pour insérer la balise de fin est mieux.
    • Vim a beaucoup de façons de le faire. Essayez le 'E', 'f', et 'A' des commandes pour les débutants.
    • J'ai installé l'éditeur xml plugin avec git clone https://github.com/sukima/xmledit.git ~/.vim/bundle/xmledit. Mais il ne fonctionne que lors de l'édition .des fichiers xml. Lorsque le fichier ext est .html ou .htm, ça ne fonctionne pas.
    • actuellement, le ma solution a été de copier coller le fichier dans le même répertoire exact de le renommer en "html.vim" de sorte qu'il sera en effet des fichiers HTML ainsi. Maintenant, j'ai deux exactement les mêmes fichiers dans ~/.vim/ftplugin (xml.vim et html.vim).
    • les travaux de cette. Merci.

    InformationsquelleAutor hakamadare
  3. 55

    J'aime minimale choses, 

    imap ,/</<C-X><C-O>
    • Qu'est - <C-X><C-O> faire? Il ne fait rien pour moi.
    • exclipy: onmicomplete
    • Il y a des cas où l'on aurait envie d'écrire ",/", alors je serais plutôt de l'utilisateur un autre raccourci. Un autre détail que l'omni-achèvement doit être fermé, pas d'attente pour obtenir des données supplémentaires. Donc: imap <silent> <C-c> </<C-X><C-O><C-X>
    • Très cool. Également ajouté <Esc>F<i à la fin de cette sorte il met le curseur à l'intérieur de la balise.
    • pour utiliser cette commande en mode insertion, puis cliquez ,/ pour fermer la balise
    InformationsquelleAutor sjh
  4. 45

    Je le trouve plus pratique de faire vim écrire à la fois d'ouverture et de fermeture de balise pour moi, au lieu de simplement le cours de clôture. Vous pouvez utiliser l'excellent hétéroclite plugin par Tim Pope. L'utilisation ressemble à ceci (let | marque de la position du curseur)
    vous type:

    | span

    appuyez sur CTRL+x ESPACE

    et vous obtenez

    <span>|</span>

    Vous pouvez également utiliser CTRL+x ENTRÉE au lieu de CTRL+x ESPACE, et vous obtenez

    <span> 
| 
</span>

    Bric et de broc peuvent faire plus que simplement (ex. insérez <%= trucs autour de cette %> ou DOCTYPE). Vous voudrez probablement consulter d'autres plugins par auteur de bric et de broc, en particulier surround.

    • +1 Génial! Btw, ce qui est maintenant connu comme ragtag: vim.org/scripts/script.php?script_id=1896
    • mise à jour: allml -> bric et de broc
    • Celui-ci est certainement le plus simple. Textmate avait-elle bonne, mais Vim bat avec cela, grâce Krzysiek.
    • bric et de broc qui ne fonctionne pas sur MAC OS Lion et iTerm2. Je n'ai pas connu cela ...
    InformationsquelleAutor Krzysiek Goj
  5. 23

    Si vous êtes en train de faire quelque chose d'élaboré, sparkup est très bonne.

    Un exemple à partir de leur site:

    ul > li.item-$*3 étend à:

    <ul>
    <li class="item-1"></li>
    <li class="item-2"></li>
    <li class="item-3"></li>
</ul>

    avec un <C-e>.

    À voir l'exemple donné dans la question, 

    html > head > title{This is a title}

    rendements

    <html>
  <head>
    <title>This is a title</title>
  </head>
</html>
    • Merci tellement de choses! C'est plus frais que tout ce que j'ai vu avant, non seulement Vim, mais chez d'autres éditeurs! Super!
    • C'est un excellent plugin
    • Ce plugin a évolué à partir de zen-coding. Ce dernier est maintenant connu comme emmet et a un peu plus de fonctionnalités.
    InformationsquelleAutor thanthese
  6. 17

    Il y a aussi un zencoding plugin vim: https://github.com/mattn/zencoding-vim

    tutoriel: https://github.com/mattn/zencoding-vim/blob/master/TUTORIAL

    Mise à jour: ce maintenant appelé Emmet: http://emmet.io/

    Un extrait du tutoriel:

    1. Expand Abbreviation

  Type abbreviation as 'div>p#foo$*3>a' and type '<c-y>,'.
  ---------------------
  <div>
      <p id="foo1">
          <a href=""></a>
      </p>
      <p id="foo2">
          <a href=""></a>
      </p>
      <p id="foo3">
          <a href=""></a>
      </p>
  </div>
  ---------------------

2. Wrap with Abbreviation

  Write as below.
  ---------------------
  test1
  test2
  test3
  ---------------------
  Then do visual select(line wize) and type '<c-y>,'.
  If you request 'Tag:', then type 'ul>li*'.
  ---------------------
  <ul>
      <li>test1</li>
      <li>test2</li>
      <li>test3</li>
  </ul>
  ---------------------

...

12. Make anchor from URL

  Move cursor to URL
  ---------------------
  http://www.google.com/
  ---------------------
  Type '<c-y>a'
  ---------------------
  <a href="http://www.google.com/">Google</a>
  ---------------------
    • waouh, c'est que le créateur de ruby?
    • Nope.
    • emmet-vim est le chemin à parcourir github.com/mattn/emmet-vim
    • Peut emmet fermer une balise qui est déjà développé?
    InformationsquelleAutor Preet Kukreti
  7. 11

    Cartographie

    J'aime avoir mon bloc de balises (par opposition à inline) fermé immédiatement et avec un simple raccourci que possible (je préfère éviter de touches spéciales comme CTRL si possible, bien que je ne l'utiliser closetag.vim de fermer mes tags.) J'aime utiliser ce raccourci lorsque les blocs de départ de balises (merci à @kimilhee; c'est un décollage de sa réponse):

    inoremap ><Tab> ><Esc>F<lyt>o</<C-r>"><Esc>O<Space>

    Exemple d'utilisation

    Type

    <p>[Tab]

    Résultat—

    <p>
 |
</p>

    où | indique la position du curseur.

    Explication

    • inoremap signifie créer la cartographie en mode insertion
    • ><Tab> signifie une fermeture crochets et un caractère de tabulation; c'est ce qui est en correspondance
    • ><Esc> signifie la fin de la première balise et échapper à insérer en mode normal
    • F< signifie trouver le dernier angle d'ouverture de support de
    • l signifie déplacer le curseur de droite (ne pas copier l'ouverture de l'angle du support)
    • yt> signifie tirer de la position du curseur jusqu'à avant la prochaine fermeture de l'angle du support (c'est à dire copier les balises de contenu)
    • o</ signifie commencer une nouvelle ligne dans le mode insertion et ajouter un angle d'ouverture de support et la barre
    • <C-r>" signifie coller dans le mode d'insertion de la valeur par défaut de registre (")
    • ><Esc> signifie fermer la balise de fermeture et d'échapper à la mode insertion
    • O<Space> signifie commencer une nouvelle ligne dans le mode d'insertion au-dessus du curseur et insérer un espace
    • Wow, ouais, je n'ai jamais pensé au fait que l signifie "droit" et non "de gauche," haha... quelle drôle d'erreur. Que pensez-vous de mon post? J'ai remarqué que vous n'avez pas upvote.
    • Agréable pour vous. J'ai pris à l'aide de xml.vim plugin récemment (il ne fonctionne tout à fait bien). Je suggère de l'ajouter à votre .vimrc avec un type de fichier spécifique autocommand, c'est à dire: au filetype html inoremap <buffer> ...
    • Enfin une Fermeture automatique de commande qui fonctionne exactement comme il devrait, tout simplement!
    InformationsquelleAutor Keith Pinson
  8. 6

    allml (maintenant bric et de broc ) et Omni-achèvement ( <C-X><C-O> )
    ne fonctionne pas dans un fichier comme .py ou .java.

    si vous voulez fermer la balise automatiquement dans les fichiers,
    vous pouvez carte.

    imap <C-j> <ESC>F<lyt>$a</^R">

    ( ^R est Contrl+R : vous pouvez taper comme ce Contrôle+v puis Ctrl+r )

    (| est la position du curseur )
    maintenant, si vous tapez..

    <p>abcde|

    et le type ^j

    puis il fermer la balise comme ceci..

    <p>abcde</p>|

    • Hétéroclite est grande, fonctionne aussi pour .erb tags
    • avec imap <C-j> <ESC>cfp<lyt>`fa</<C-R>"> le clonsing tag est l'endroit où se trouvait le curseur lors de la saisie de ^j au lieu de la fin de la ligne ($)
    InformationsquelleAutor kimilhee
  9. 5

    Voici encore une autre solution simple basé sur facilement foundable la rédaction Web:

    1. Auto fermeture d'une balise HTML

      :iabbrev </</<C-X><C-O>

    2. En tournant à l'achèvement des travaux sur

      autocmd FileType xml set omnifunc=xmlcomplete#CompleteTags

    • Génial de réponse!!! sans plugin!!! (2e élément a linkrot) encore peut-être la meilleure réponse de tous, car il semble plus rapide pour modifier le .vimrc plutôt que sur le traitement des plugins. De plus, minimaliste réponse
    • Cela ajoute de l'espace après avoir fermé la balise 🙁
    InformationsquelleAutor mloskot
  10. 5

    Découvrez vim-closetag

    C'est vraiment un simple script (disponible également comme un vundle plugin) qui se ferme (X)HTML balises pour vous. Il est README:

    Si c'est le contenu actuel:

    <table|

    Maintenant, vous appuyez sur la touche >, le contenu sera:

    <table>|</table>

    Et maintenant, si vous appuyez sur la touche > encore une fois, le contenu sera:

    <table>
   |
</table>

    Remarque: | est le curseur ici

    InformationsquelleAutor Sheharyar
  11. 4

    En profitant de l'excellente réponse par @KeithPinson (désolé, pas assez de points de réputation pour commenter votre réponse pour l'instant), cette solution permettra d'éviter la saisie semi-automatique à partir d'une copie supplémentaire qui pourrait être à l'intérieur de la balise html (par exemple des classes, id, etc...) mais ne doit pas être copié à la balise de fermeture.

    Mise à JOUR j'ai mis à jour ma réponse pour travailler avec filename.html.erb fichiers.

    J'ai remarqué que ma réponse initiale n'a pas fonctionné dans les fichiers couramment utilisés dans les Rails de points de vue, comme some_file.html.erb quand j'ai été en utilisant embedded ruby (par exemple <p>Year: <%= @year %><p>). Le code ci-dessous sera travailler avec .html.erb fichiers.

    inoremap ><Tab> ><Esc>?<[a-z]<CR>lyiwo</<C-r>"><Esc>O

    Exemple d'utilisation

    Type:

    <div class="foo">[Tab]

    Résultat:

    <div class="foo">
  |
<div>

    où | indique la position du curseur

    Et comme un exemple de l'ajout de la balise de fermeture inline au lieu de bloquer style:

    inoremap ><Tab> ><Esc>?<[a-z]<CR>lyiwh/[^%]><CR>la</<C-r>"><Esc>F<i

    Exemple d'utilisation

    Type:

    <div class="foo">[Tab]

    Résultat:

    <div class="foo">|<div>

    où | indique la position du curseur

    Il est vrai que les deux exemples ci-dessus s'appuient sur >[Tab] de signal d'une balise de fermeture (ce qui signifie que vous auriez à choisir soit inline ou block de style). Personnellement, j'utilise le bloc-style avec >[Tab] et la ligne de style avec >>.

    InformationsquelleAutor Nick Erhardt