Vés al contingut principal

Convertidor de Markdown a HTML de franc

Converteix Markdown a HTML net amb previsualització en viu. Usa la vista de codi font per copiar HTML llest per enganxar en blocs, CMSes o plantilles de correu.

Funciona sense connexió un cop carregat
La sortida HTML apareixerà aquí…

Usos habituals

  • Publicar Markdown a CMSConvertiu notes de Markdown a HTML per enganxar a sistemes CMS que només accepten HTML.
  • Crear contingut HTML de correu electrònicConvertiu Markdown a HTML per a correus electrònics transaccionals i butlletins.
  • Veure fitxers README localmentEnganxeu el vostre fitxer README.md per veure com es representarà a GitHub, GitLab o npm.
  • Generar contingut de pàgina per a llocs estàticsConvertiu el contingut del cos de Markdown a HTML per a llocs estàtics construïts manualment o pàgines puntuals.
  • Crear documentació HTMLConvertiu la documentació interna de Markdown a HTML per incrustar en aplicacions, centres de suport o bases de coneixement.

Com funciona

La conversió es fa completament al teu navegador mitjançant un analitzador de Markdown escrit a mà — sense biblioteca de tercers, sense sol·licitud al servidor. L'analitzador recorre la font línia per línia, aplicant regles de nivell de bloc (encapçalaments, llistes, taules, codi delimitat) i després una segona passada de patrons d'expressió regular en línia per a negreta, cursiva, enllaços, imatges i codi en línia.

  1. 1
    L'estructura de bloc s'analitza primer
    L'analitzador llegeix el Markdown brut línia per línia, identificant construccions de nivell de bloc: blocs de codi delimitats (amb classe de llenguatge opcional), encapçalaments ATX (# fins a ######), citacions, llistes ordenades i no ordenades incloent-hi caselles de tasca GFM, taules GFM amb alineació de columnes, regles horitzontals, i paràgrafs que uneixen correctament les línies de continuació amb ajust suau.
  2. 2
    Els patrons en línia s'apliquen dins de cada bloc
    Després que el text de cada bloc s'escapi com a HTML, una cadena d'expressions regulars a parseInline() transforma la sintaxi en línia: imatges i enllaços (amb llista blanca d'esquemes d'URL que elimina hrefs javascript: i data:), **negreta**, *cursiva*, ~~ratllat~~, i codi en línia — en aquest ordre de precedència.
  3. 3
    Sortida HTML en directe amb commutador de previsualització
    La cadena HTML es torna a calcular via useMemo a cada pulsació, així el panell dret s'actualitza a l'instant. Un commutador alterna entre la vista de font HTML en brut i una previsualització renderitzada utilitzant el propi motor de disseny del navegador.
  4. 4
    Tres opcions de sortida incloent-hi còpia de text enriquit
    Pots copiar el marcatge HTML en brut, descarregar un fitxer .html complet i autònom amb DOCTYPE i metaetiqueta de joc de caràcters, o utilitzar 'Copia text enriquit' — que escriu tant els tipus MIME text/html com text/plain al porta-retalls via el ClipboardItem de l'API Clipboard, així el resultat formatat s'enganxa directament a Gmail, Google Docs, o Word sense passos addicionals.

Eines relacionades

Preguntes freqüents