Editor Markdown y Vista Previa

El editor es compatible con Markdown basado en CommonMark y las extensiones de GitHub Flavored Markdown (GFM): encabezados (# hasta ######), **negrita** / __negrita__, *cursiva* / _cursiva_, ~~tachado~~, [enlaces](url) e , listas no ordenadas (- o *), listas ordenadas (1. 2.), bloques de código delimitados (```language), `código` en línea, citas (>), tablas (| col | col |), reglas horizontales (---) y listas de tareas (- [x] / - [ ]). La barra de herramientas de formato inserta la sintaxis correcta para todos estos con un solo clic.

CommonMark es la especificación estandarizada de Markdown (en commonmark.org) que resuelve las ambigüedades de la especificación original de Markdown. GitHub Flavored Markdown (GFM) extiende CommonMark con: tablas, tachado (~~), listas de tareas (- [x]), URLs auto-vinculadas (las URLs simples se vuelven clicables) y bloques de código delimitados con resaltado de sintaxis. Este editor es compatible con ambos: todas las funciones de CommonMark funcionan y también se admiten las extensiones de GFM (tablas, tachado, listas de tareas). Si escribes documentación para GitHub, tendrás el conjunto completo de funciones.

Las tablas de Markdown usan | (barra vertical) para separar columnas y - (guiones) para la fila separadora del encabezado. Ejemplo:\n\n| Encabezado 1 | Encabezado 2 | Encabezado 3 |\n|----------|----------|----------|\n| Celda 1 | Celda 2 | Celda 3 |\n| Celda 4 | Celda 5 | Celda 6 |\n\nAlineación: usa dos puntos en la fila separadora: |:---| para izquierda, |:---:| para centro, |---:| para derecha. La barra de herramientas inserta una plantilla de tabla inicial. Las tablas no necesitan que las barras verticales estén perfectamente alineadas — el parser gestiona el formato relajado.

La sintaxis de imagen en Markdown es . Para imágenes almacenadas localmente, necesitas alojarlas en algún lugar (repositorio de GitHub, CDN, servicio de alojamiento de imágenes) y usar la URL absoluta. Para los READMEs de GitHub, puedes referenciar imágenes en el mismo repositorio mediante una ruta relativa: . Para correos electrónicos o documentos fuera de línea, se pueden incrustar imágenes codificadas en Base64:  — genera la URI de datos con la herramienta Base64 de este sitio. El botón de Imagen de la barra de herramientas inserta una plantilla con valores de marcador que puedes completar.

Sí, hay cuatro opciones de exportación: Copiar Markdown (portapapeles) — para pegar en GitHub, un CMS u otra herramienta de Markdown. Copiar HTML (portapapeles) — el HTML renderizado, listo para pegar en un editor de correo electrónico o sitio web. Descargar .md — guarda la fuente Markdown como un archivo. Descargar .html — guarda un archivo HTML independiente con el contenido renderizado. La exportación a HTML incluye el estilo básico de la vista previa y se puede visualizar inmediatamente en cualquier navegador.

Sí. En escritorio, el editor utiliza una vista dividida lateral. En tabletas y móviles, los paneles se apilan verticalmente (editor arriba, vista previa abajo). Los botones de la barra de herramientas funcionan en pantallas táctiles. Para sesiones de escritura más largas en móviles, cambia al modo "Editor" (solo entrada de texto, sin vista previa) para maximizar el espacio de edición, y luego cambia al modo "Preview" para revisar el resultado renderizado.

No. Todo el procesamiento de Markdown y el renderizado de HTML ocurren en tu navegador usando una librería de JavaScript para Markdown. Tu texto nunca se sube a ningún lugar. Esto lo hace seguro para redactar documentos confidenciales, documentación propia o cualquier contenido que no quieras enviar a un servicio de terceros.