TK TaskKit
Herramientas para desarrolladores

Vista previa Markdown

Escribe Markdown, mira HTML. CommonMark más tablas y tachado, con HTML crudo escapado y enlaces saneados.

Markdown
Vista previa
Escribe Markdown a la izquierda; la vista previa renderizada aparece aquí.

Las entradas se quedan en este dispositivo. Cada herramienta para desarrolladores en TaskKit corre por completo en tu navegador. Tokens, payloads y texto pegado no se transmiten ni a TaskKit ni a terceros.

Qué hace esta herramienta

Vista previa Markdown en vivo. Escribes a la izquierda, ves el HTML renderizado a la derecha. Soporta:

  • CommonMark completo — encabezados, listas, énfasis, código en línea y en bloque, blockquotes, enlaces, imágenes.
  • Tablas GFM — sintaxis |---|---| con alineación opcional.
  • Tachado — ~~texto~~.
  • HTML crudo escapado — si escribes <script>... se renderiza literal, no se ejecuta.
  • Enlaces saneados — javascript: y data: se descartan; solo http(s):, mailto: y enlaces relativos pasan.

Tres modos de vista: dividida (editor + vista previa), solo editor, solo vista previa.

Cuándo la usarías

  • Redactar un README, un issue de GitHub o un mensaje de PR antes de publicarlo.
  • Verificar cómo se renderiza una tabla con muchas columnas.
  • Convertir notas Markdown a HTML para pegarlo en un correo o documento.
  • Entender qué sintaxis acepta tu plataforma — los detalles GFM importan.

Cómo funciona

El parser es marked con sanitización mediante DOMPurify. La sanitización quita scripts, atributos peligrosos, esquemas de URL no permitidos y elementos sin contenido textual confiable.

Todo en local. El HTML resultante es para tu copia/pega o para previsualización; no se sube a ningún sitio.

Notas

¿Por qué se escapa el HTML crudo? Porque mostrar HTML arbitrario de una entrada de usuario es una vía rápida a XSS. La sanitización lo bloquea por defecto. Si necesitas inyectar HTML real (rara vez), usa una herramienta distinta.

¿Y MathJax / KaTeX? No incluido. Para Markdown matemático, usa una herramienta dedicada (Obsidian, VS Code con extensión, etc.).

¿Mermaid / diagramas? Tampoco. Esto es Markdown puro con extensiones GFM mínimas.

¿Front matter YAML? Se renderiza como bloque de código por defecto. Si tu plataforma lo procesa (Hugo, Jekyll), aquí solo verás el bloque crudo.

Herramientas relacionadas