Analizador de Markdown

Analiza y previsualiza Markdown en tiempo real. Compatible con tablas GFM, listas de tareas, texto tachado y más. Todo el procesamiento se realiza en tu navegador.

Vista previa en vivo Soporte GFM Procesamiento en el cliente

La vista previa HTML aparecerá aquí...

Cómo usar el analizador de Markdown

1

Escribe Markdown

Escribe o pega tu contenido Markdown en el editor de la izquierda.

2

Vista previa en vivo

Consulta la salida HTML renderizada en tiempo real en el panel de la derecha.

3

Copia HTML

Copia el HTML generado para usarlo en tus proyectos.

¿Qué es Markdown?

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Usa una sintaxis de formato de texto plano que puede convertirse a HTML y muchos otros formatos. Markdown se usa ampliamente para documentación, archivos README, publicaciones de blog y plataformas de mensajería.

Sintaxis compatible

Encabezados

De H1 a H6 usando la sintaxis #

Formato de texto

Negrita, cursiva, tachado, código inline

Listas y tablas

Ordenadas, no ordenadas, listas de tareas y tablas GFM

Bloques de código

Bloques de código delimitados con resaltado de sintaxis

Preguntas frecuentes

¿Qué es GFM?

GFM (GitHub Flavored Markdown) es un dialecto de Markdown usado por GitHub. Extiende el Markdown estándar con características como tablas, listas de tareas, texto tachado y enlaces automáticos.

¿Es compatible con el resaltado de sintaxis?

El analizador renderiza bloques de código delimitados. Para un resaltado de sintaxis completo con colores, puedes combinarlo con una hoja de estilos CSS que decore los elementos de código.

¿Puedo usar esto para mi documentación?

¡Sí! Escribe tu Markdown en el editor, copia el HTML renderizado y úsalo en tu documentación, blog o sitio web.

¿Cuál es la diferencia entre Markdown, CommonMark y GFM?

El Markdown original (2004) dejó muchos casos límite sin definir, por lo que las implementaciones divergieron. CommonMark es la especificación rigurosa que los resuelve; GFM (GitHub Flavored Markdown) es CommonMark más extensiones: tablas, listas de tareas, texto tachado, autolinks y un filtro de HTML crudo no permitido (disallowed-raw-HTML). Esta herramienta renderiza GFM, coincidiendo con lo que ves en GitHub.

¿Cómo escribo bloques de código y código en línea?

Envuelve el código en línea con comillas invertidas simples. Los bloques delimitados usan tres comillas invertidas con una etiqueta de lenguaje para el resaltado de sintaxis - como ```python en la línea de apertura - o indenta cada línea con cuatro espacios (la sintaxis más antigua, que interactúa mal dentro de las listas). Las tres tildes también funcionan como delimitador cuando tu propio código contiene comillas invertidas.

¿Puedo incrustar HTML crudo en Markdown?

Sí - las etiquetas HTML en línea pasan tal cual a la salida. La extensión disallowed-raw-HTML de GFM solo elimina algunas etiquetas peligrosas (script, style, iframe y similares) cuando el filtro está activado. Dos advertencias: el HTML a nivel de bloque envuelve contenido dentro del cual la sintaxis Markdown deja de procesarse (las líneas en blanco importan), y todo Markdown enviado por usuarios debe sanitizarse contra XSS más allá de un filtro de etiquetas.

¿Cómo funcionan las tablas en GFM?

Filas separadas por barras verticales con una línea delimitadora de guiones bajo el encabezado. Los dos puntos definen la alineación: dos puntos y guion a la izquierda alinean a la izquierda (el valor predeterminado), dos puntos en ambos extremos centran y guion y dos puntos a la derecha alinean a la derecha. Las celdas no pueden contener elementos de bloque; escapa una barra vertical literal como \|; y las barras exteriores de cada fila son opcionales. Los diseños más complejos necesitan HTML crudo o un motor de documentación.

¿Por qué mis listas o elementos anidados se renderizan mal?

Los sospechosos habituales: indentación inconsistente (los elementos anidados generalmente necesitan alinearse con el primer carácter del contenido del elemento padre), falta de una línea en blanco entre un párrafo y una lista, o tabulaciones mezcladas con espacios. CommonMark especifica reglas exactas para todo esto. Convertir tabulaciones a espacios y añadir líneas en blanco alrededor de las listas corrige la gran mayoría de los errores de anidamiento.

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}