<\/title>\r\t\t<link href=".\/style.css" type="text\/css" rel="stylesheet">\r\t\t<script type="text\/javascript" src="script.js" defer><\/script>\r\t<\/head>\r\r\t<body>\r\t<\/body>\r<\/html> "---------------------------------------------------------------- "pour transformer un text html et/ou css en sa version affichable "---------------------------------------------------------------- "remplace < et > par < et > command! Compare %s/</\</g <bar> %s/>/\>/g "remplir les lignes vides avec des command! Ligne %s/^\n/ \r "ajoute et en debut et fin de lignes command! Paragraph %s/^//g <bar> %s/$/<\/p>/g "remplace les indentations par deux espaces command! Indenta %s/\t/\ \ \ /g "remplace les < et > autour des commentaires par CS et CE command! Savecomment %s//CE/g "entoure les tag apres < ou </ par command! Tag %s#<[;/]*\zs[a-z0-9]*\ze#\0#g "entoure les signes < et > et / et { et } par command! Sign %s#<\zs/\ze#\0#g <bar> %s#&[lg]t;#\0#g <bar> %s#[{}]#\0#g "entoure les pseudos elements command! Pseudo %s#:\zs[a-z]*\ze.{#\0#g "entoure les selecteurs css avant les { par command! Selec %s#\zs[^:{]*\ze.*{#\0#g "entoure les actions css avant les : par command! Action %s# \zs[-a-zA-Z0-9]*\ze:#\0#g "entoure toutes les specifications des tags html par command! Special %s#\zs[^>]*\ze>#\0#g "entoure les commentaires par command! Comment %s#$CS$$.*$$CE$#\<!--\2--\>#g <bar> %s#/\*.*\*/#\0#g function! Editax() Compare Ligne Paragraph Indenta Savecomment Tag Sign Pseudo Selec Action Special Comment Start End endfunction "ajoute toutes les lignes du debut command! Start 0s/^/<!DOCTYPE html>\r<html>\r<head>\r<style>\r#cadre {\r position: fixed;\r top: 10vh;\r left: calc(50% - 250px);\r width: 500px;\r max-width: 80vw;\r height: 80vh;\r padding: 10px;\r overflow: hidden;\r border-radius: 10px;\r background-color: rgba(50, 50, 50, 0.9);\r}\r#scroll {\r height: 100%;\r width: calc(100% + 25px);\r box-sizing: border-box;\r padding-right: 10px;\r overflow-y: scroll;\r}\r#scroll p {\r margin: 0;\r padding: 0;\r color: #d3d3d3;\r}\r#tag {\r color: #669999;\r}\r#sign {\r color: white;\r}\r#action {\r color: #cc66cc;\r}\r#selec {\r color: #ff6633;\r}\r#pseudo {\r color: yellow;\r}\r#special {\r color: #8585ad;\r}\r#comment {\r color: #909090;\r}\r<\/style>\r<\/head>\r<body>\r<div id=\"cadre">\r<div id=\"scroll">\r\r\<!DOCTYPE html\><\/p>\r "ajoute toutes les lignes de la fin command! End $s/$/\r\r<\/div>\r<\/div>\r<\/body>\r<\/html> "---------------------------------------------------------------- "----------------------------------------------------------------

"autocmd BufEnter * let &titlestring = ' ' . expand("%:t") "set title "directory indique a vim où mettre les swap files a la place du dossier courrant "le double slash demande a vim de donner au swap file un nom avec son chemin d'acces pour eviter que deux fichiers du meme noms posent un probleme set directory=~/.vim/swapfiles// colo torte "utilise la coloration 'torte' set tabstop=2 "regle une tabulation egale a deux espaces set autoindent "indent chaque nouvelle ligne comme la precedente set number "ajout les numeros de ligne "set mouse=a "permet d'utiliser la souris "pour mettre en gras ce qui est écrit entre asterisks set concealcursor=n set conceallevel=3 "les trois lignes suivantes sont lancees par des auto commands pour declancher leur action malgre que les hilighting groups soient nettoyes par la commande 'hi clear' du fichier $VIMRUNTIME/color/default.vim "autocmd ColorScheme * hi AsteriskBold ctermfg=Green cterm=bold autocmd BufEnter * syn match Asterisks contained "**" conceal autocmd BufEnter * syn match AsteriskBold "\*\*[^*]\+\*\*" contains=Asterisks "remplis les elements de base d'un fichier html command! Html 0s/^/\r\r\t\r\t\t\r\t\t\r\t\t<\/title>\r\t\t<link href=".\/style.css" type="text\/css" rel="stylesheet">\r\t\t<script type="text\/javascript" src="script.js" defer><\/script>\r\t<\/head>\r\r\t<body>\r\t<\/body>\r<\/html> "---------------------------------------------------------------- "pour transformer un text html et/ou css en sa version affichable "---------------------------------------------------------------- "remplace < et > par < et > command! Compare %s/</\</g <bar> %s/>/\>/g "remplir les lignes vides avec des command! Ligne %s/^\n/ \r "ajoute et en debut et fin de lignes command! Paragraph %s/^//g <bar> %s/$/<\/p>/g "remplace les indentations par deux espaces command! Indenta %s/\t/\ \ \ /g "remplace les < et > autour des commentaires par CS et CE command! Savecomment %s//CE/g "entoure les tag apres < ou </ par command! Tag %s#<[;/]*\zs[a-z0-9]*\ze#\0#g "entoure les signes < et > et / et { et } par command! Sign %s#<\zs/\ze#\0#g <bar> %s#&[lg]t;#\0#g <bar> %s#[{}]#\0#g "entoure les pseudos elements command! Pseudo %s#:\zs[a-z]*\ze.{#\0#g "entoure les selecteurs css avant les { par command! Selec %s#\zs[^:{]*\ze.*{#\0#g "entoure les actions css avant les : par command! Action %s# \zs[-a-zA-Z0-9]*\ze:#\0#g "entoure toutes les specifications des tags html par command! Special %s#\zs[^>]*\ze>#\0#g "entoure les commentaires par command! Comment %s#$CS$$.*$$CE$#\<!--\2--\>#g <bar> %s#/\*.*\*/#\0#g function! Editax() Compare Ligne Paragraph Indenta Savecomment Tag Sign Pseudo Selec Action Special Comment Start End endfunction "ajoute toutes les lignes du debut command! Start 0s/^/<!DOCTYPE html>\r<html>\r<head>\r<style>\r#cadre {\r position: fixed;\r top: 10vh;\r left: calc(50% - 250px);\r width: 500px;\r max-width: 80vw;\r height: 80vh;\r padding: 10px;\r overflow: hidden;\r border-radius: 10px;\r background-color: rgba(50, 50, 50, 0.9);\r}\r#scroll {\r height: 100%;\r width: calc(100% + 25px);\r box-sizing: border-box;\r padding-right: 10px;\r overflow-y: scroll;\r}\r#scroll p {\r margin: 0;\r padding: 0;\r color: #d3d3d3;\r}\r#tag {\r color: #669999;\r}\r#sign {\r color: white;\r}\r#action {\r color: #cc66cc;\r}\r#selec {\r color: #ff6633;\r}\r#pseudo {\r color: yellow;\r}\r#special {\r color: #8585ad;\r}\r#comment {\r color: #909090;\r}\r<\/style>\r<\/head>\r<body>\r<div id=\"cadre">\r<div id=\"scroll">\r\r\<!DOCTYPE html\><\/p>\r "ajoute toutes les lignes de la fin command! End $s/$/\r\r<\/div>\r<\/div>\r<\/body>\r<\/html> "---------------------------------------------------------------- "----------------------------------------------------------------