Editor Markdown Online Gratis con Vista Previa en Vivo
Tu referencia única para todo lo relacionado con Markdown. Desde el formato GFM estándar hasta funciones avanzadas como diagramas Mermaid y matemáticas LaTeX: todo lo que necesitas para escribir contenido estructurado y rico.
Qué puedes hacer en el editor
Más que un cuadro de texto: un espacio de trabajo Markdown completo con renderizado instantáneo y amplio soporte de sintaxis.
Vista previa en vivo en tiempo real
Cada pulsación se renderiza al instante. El documento que ves es exactamente lo que exportas: sin paso de compilación, sin sorpresas.
GFM, fórmulas y diagramas
Más allá del texto en negrita y los encabezados, el editor admite tablas y listas de tareas GFM, ecuaciones LaTeX renderizadas con KaTeX, y diagramas de flujo y gráficos Mermaid.
Ejemplos de sintaxis integrados
¿No sabes cómo escribir una tabla o una nota al pie? Abre cualquier ejemplo de abajo para ver el código Markdown y el resultado renderizado lado a lado, y copia lo que necesites.
Cómo usar el editor de Markdown
Escribe, previsualiza y exporta: tres pasos, sin configuración.
Escribe o pega Markdown
Escribe directamente en el editor o pega un archivo .md existente. Se reconocen la sintaxis estándar, GFM, las fórmulas LaTeX y los bloques de código Mermaid.
Observa la vista previa en vivo
El resultado formateado se muestra junto a tu texto mientras escribes, para que detectes problemas de espaciado, encabezados y tablas al instante.
Exporta tu documento
Envía el documento terminado a Word, PDF o HTML con un solo clic. El formato, las tablas y los diagramas se conservan intactos.
1Tipografía, Formato y Estilos de Texto
Domina el formato básico: negrita, cursiva, tachado y niveles de encabezado (H1-H6). Aprende a estilizar el texto para énfasis y claridad.
2Listas: Ordenadas, Desordenadas y Listas de Tareas
Crea contenido organizado con viñetas, listas numeradas y elementos anidados. Rastrea el progreso con listas de tareas GFM interactivas.
3Hipervínculos, Imágenes y Medios
Incrusta imágenes, añade hipervínculos al texto y usa imágenes codificadas en Base64. Aprende la sintaxis de enlace estándar y la inclusión de imágenes.
4Citas en Bloque y Alertas de GitHub
Resalta información importante usando citas en bloque y alertas al estilo GitHub (Nota, Consejo, Importante, Advertencia, Precaución).
5Bloques de Código y Resaltado de Sintaxis
Muestra fragmentos de código con resaltado de sintaxis para varios lenguajes de programación (Python, JS, etc.) y usa código en línea para variables.
6Tablas, Alineación y Emojis
Organiza datos con tablas GFM, controla la alineación de celdas e inserta emojis divertidos para mejorar tu documentación.
7Notas al Pie y Referencias
Añade citas y notas al pie de estilo académico para mantener tu contenido limpio mientras proporcionas las referencias necesarias.
8Elementos HTML (Detalles Plegables)
Usa etiquetas HTML sin procesar como '<details>' y '<summary>' para crear secciones plegables interactivas para preguntas frecuentes o contenido extra.
9Matemáticas LaTeX y Ecuaciones
Renderiza fórmulas matemáticas complejas usando bloques de matemáticas con sintaxis LaTeX (KaTeX). Perfecto para escritura científica y académica.
10Diagramas y Gráficos Mermaid
Visualiza flujos y datos. Crea diagramas de flujo, diagramas de secuencia, gráficos circulares y más directamente en Markdown con Mermaid.js.
Preguntas frecuentes sobre el editor de Markdown
Preguntas comunes sobre la sintaxis de Markdown y el uso del editor.
¿Cómo dar formato al texto (negrita, cursiva) en Markdown?
Para poner el texto en negrita, envuélvelo en dobles asteriscos como **negrita**. Para cursiva, usa asteriscos simples como *cursiva*. Puedes combinarlos para ***ambos***.
¿Cómo crear encabezados en Markdown?
Usa símbolos de almohadilla (#) seguidos de un espacio. # para H1, ## para H2, hasta ###### para H6.
¿Cómo crear listas en Markdown?
Para listas desordenadas, usa -, * o +. Para listas ordenadas, usa números seguidos de un punto como 1. 2. 3. Para listas de tareas, usa - [ ] o - [x].
¿Cómo añadir imágenes y enlaces en Markdown?
Los enlaces usan [texto](url). Las imágenes usan . También puedes usar imágenes Base64 directamente en el campo url.
¿Markdown soporta tablas?
Sí, GFM soporta tablas. Usa barras verticales | para separar columnas y guiones - para crear la fila de encabezado. Usa : para la alineación (por ejemplo, :---: para centrar).
¿Cómo escribir fórmulas matemáticas en Markdown?
MarkFlow soporta matemáticas LaTeX. Usa un solo $ para matemáticas en línea ($E=mc^2$) y doble $$ para ecuaciones en bloque.
¿Cómo crear diagramas Mermaid en Markdown?
Usa un bloque de código con el identificador de lenguaje 'mermaid'. Puedes crear diagramas de flujo, diagramas de secuencia, gráficos circulares y más.
¿Qué es GitHub Flavored Markdown (GFM)?
GFM es un dialecto de Markdown ampliamente utilizado que añade funciones útiles como tablas, listas de tareas, texto tachado y enlaces automáticos. MarkFlow es totalmente compatible con la sintaxis GFM.