Skip to main content

Vista previa de Markdown

Español

Previsualiza Markdown en tiempo real.

Hello World

This is a bold and italic text example.

Features


  • Item one

  • Item two

  • Item three


Code


Use console.log() to debug.
  • First step

  • Second step

  • Third step

    • Todos los cálculos se realizan localmente en tu navegador. No se envía ningún dato al servidor.

    Los resultados tienen carácter informativo. Contrástalos con otras fuentes.

    Markdown y por qué el tuyo se ve distinto en otro sitio

    Markdown no es un único lenguaje. CommonMark es el núcleo estricto; GitHub Flavored Markdown añade encima tablas, tachado, listas de tareas y enlaces automáticos. Casi todas las sorpresas vienen de escribir en una variante y publicar en otra.

    Cómo funciona

    • Renderiza tu texto en vivo mientras escribes, para que veas la estructura en lugar de imaginarla.
    • Admite las extensiones GFM habituales —tablas, bloques de código, listas de tareas— junto al núcleo de CommonMark.
    • Se ejecuta por completo en tu navegador, así que un borrador pegado aquí no se sube a ningún sitio.
    núcleo CommonMark  títulos, énfasis, listas, enlaces, citas, código
GFM añade          tablas, ~~tachado~~, listas de tareas, enlaces automáticos
ninguno tiene      subrayado, color de texto, tamaño de fuente, centrado

salto forzado      termina la línea con dos espacios, o deja una línea en blanco

    Ejemplo resuelto

    Los dos fallos más frecuentes: los saltos de línea y las listas anidadas.

    1. línea uno
    2. línea dos → se renderiza como un párrafo: «línea uno línea dos»
    3. línea uno·· → dos espacios finales fuerzan el salto
    4. lista anidada: indenta el hijo exactamente el ancho del marcador padre
    5. - padre / ··- hijo funciona; - padre / · - hijo a menudo no

    Un salto de línea simple no es un salto en Markdown: es un espacio. Esa única regla explica la mayor parte del «por qué se me ha juntado el formato».

    Cómo leer el resultado

    • Las tablas son una extensión de GFM, no Markdown básico. Si las tuyas salen como barras verticales literales, el renderizador de destino solo entiende CommonMark, algo habitual en wikis antiguos y en algunos generadores de sitios.
    • La indentación de las listas anidadas debe coincidir con el ancho del marcador padre. Con «- » bastan dos espacios; con «1. » hacen falta tres. La indentación mezclada es la causa típica de una lista que se aplana.
    • El HTML crudo lo permite la especificación, pero la mayoría de renderizadores alojados lo eliminan por seguridad. No confíes en que un <div> sobreviva en GitHub, en un CMS o en un campo de comentarios.
    • No hay subrayado ni forma de fijar color o tamaño. Si los necesitas, necesitas HTML u otro formato: Markdown se detiene deliberadamente en la estructura.

    Preguntas frecuentes

    ¿Por qué desaparecieron mis saltos de línea?
    Un salto simple se trata como un espacio. Usa una línea en blanco para un párrafo nuevo, o termina la línea con dos espacios para forzar el salto dentro de uno. Algunos renderizadores ofrecen una opción de «saltar en cada línea».
    ¿Por qué no se renderiza mi tabla?
    Las tablas necesitan GFM. Comprueba que la fila separadora bajo la cabecera lleva al menos tres guiones por columna (|---|---|) y que la plataforma de destino admite la extensión.

    Fuentes