Previsualización Markdown

Previsualización Markdown: Convierte Markdown a HTML

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Escribes texto plano con marcadores de formato simples como # para encabezados, ** para negritas y - para listas, y un analizador lo convierte a HTML. Esta herramienta renderiza tu Markdown en tiempo real usando un analizador compatible con GFM.

¿Qué es Markdown?

Markdown es un lenguaje de markup ligero creado por John Gruber en 2004. Escribes texto plano con marcadores de formato simples como # para encabezados, **negrita** para énfasis y - para listas, y un parser lo convierte a HTML. En lugar de hacer clic en botones o escribir HTML crudo, usas símbolos simples. Markdown se ha convertido en el formato de autoría estándar para documentación de desarrolladores, archivos README, publicaciones de blog, wikis y aplicaciones de notas.

Como Usarlo

1. Escribe o pega Markdown en el editor de la izquierda
2. Ve la vista previa HTML actualizarse en tiempo real a la derecha
3. Usa la barra de herramientas para alternar entre vistas Dividida, Editor y Vista Previa
4. Haz clic en Copiar HTML para obtener la salida HTML en tu portapapeles
5. Usa el boton de Ejemplo para cargar un documento de muestra

GitHub Flavored Markdown (GFM)

El Markdown estándar cubre lo básico: encabezados, negritas, cursivas, enlaces, imagenes, listas, bloques de código y citas. GFM extiende esto con caracteristicas que los desarrolladores usan a diario.

Tablas

Las tablas delimitadas por tuberias se renderizan con encabezados y alineación. Los dos puntos en la línea separadora controlan la alineación de las columnas: :--- izquierda, :---: centro, ---: derecha. Las tablas son una extensión GFM; no forman parte de la especificación original de Markdown o CommonMark.

Listas de Tareas

Las líneas que comienzan con - [ ] o - [x] se renderizan como casillas de verificación. GitHub las usa para rastrear el progreso en issues y pull requests. Las casillas de verificación en esta vista previa son solo visuales, no interactivas.

Bloques de Código Delimitados

Tres acentos graves abren un bloque de código. Agrega un identificador de lenguaje después de los acentos de apertura (como javascript o python) y el bloque se resaltara con sintaxis. La vista previa muestra los bloques de código con fuente monoespaciada y fondo distintivo.

Texto Tachado

Envuelve el texto entre doble tilde (~~así~~) para renderizarlo tachado. Útil para marcar información obsoleta o mostrar que cambio en una revisión de documento.

Markdown en la Práctica

La mayoría de los desarrolladores vive en Markdown para documentación: archivos README, wikis, docs de API, publicaciones de blog y registros de cambios. GitHub, GitLab, Notion, Obsidian y Jekyll usan Markdown como formato de escritura principal, pero cada uno agrega extensiones diferentes.

Las diferencias principales al escribir Markdown para una plataforma específica: manejo de bloques HTML (algunas plataformas eliminan HTML sin procesar), soporte de códigos cortos de emoji (:rocket: vs Unicode) y renderizado matemático (LaTeX con delimitadores $). Esta herramienta se centra en GFM, que cubre la mayoría de los casos de uso de los desarrolladores.

Necesitas comparar dos versiones de un documento? Pega ambas en el Comparador de Diff. Trabajas con datos estructurados en tu Markdown? Válida los bloques de código JSON con el Formateador JSON. Vas a formatear fragmentos de SQL o HTML en tus documentos? Primero limpialos con el Formateador de Código.