Ir al contenido principal
Bethemesh

Vista previa Markdown

Previsualiza localmente un documento Markdown, comprueba el resultado, consulta las estadísticas y exporta la fuente o el HTML generado.

  • Portapapeles
  • Exportar

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

Vista previa

Estadísticas

0 palabras·0 caracteres

HTML generado

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Escribe o pega Markdown y mira al instante cómo queda: títulos, párrafos, listas, citas, tablas, bloques de código, enlaces y formatos se muestran mientras escribes. La vista previa sirve para revisar un README, una nota, una documentación o un mensaje antes de publicarlo en una plataforma que interpreta Markdown. Después puedes copiar el HTML generado o descargar el documento en .md o .html, sin que el texto salga de tu navegador.

El resultado se recalcula con cada pulsación. La vista previa admite los elementos más habituales de CommonMark y las tablas al estilo de GitHub: títulos de # a ######, párrafos (las líneas seguidas forman un mismo párrafo), listas con viñetas y numeradas, citas, separadores horizontales, bloques de código entre ``` con indicación del lenguaje, código en línea, negrita, cursiva y enlaces.

Por seguridad, el HTML escrito en el original se muestra como texto y nunca se ejecuta. Solo los enlaces http o https están activos y se abren en una pestaña nueva; las imágenes remotas no se cargan en la vista previa: se muestra su texto alternativo.

El panel de estadísticas cuenta las palabras del contenido, sin la sintaxis Markdown ni los bloques de código, y los caracteres del original. La exportación HTML genera una página completa con codificación UTF-8 y el idioma de la interfaz.

Cómo utilizar esta herramienta

  1. Escribe el Markdown

    Escribe en el campo «Fuente Markdown» o importa un archivo .md.

  2. Revisa la vista previa

    Comprueba el resultado, el HTML generado y las estadísticas a medida que escribes.

  3. Copia o exporta

    Copia el HTML o descarga el documento en formato Markdown o HTML.

Casos de uso

Revisar un README

Comprueba títulos, listas y bloques de código antes de subir la documentación de un proyecto.

Preparar una nota o un artículo

Escribe en Markdown y revisa la jerarquía de títulos antes de copiar el texto en un CMS.

Crear una página HTML sencilla

Exporta un documento .html independiente a partir de un borrador Markdown, por ejemplo para unas instrucciones.

Ejemplos

Título, párrafo y lista numerada

Las dos líneas del párrafo se unen, como en cualquier motor compatible con CommonMark.

Entrada

## Instalación

Ejecuta el comando
`npm install` y revisa el resultado.

1. Descargar
2. Instalar

Resultado

<h2>Instalación</h2><p>Ejecuta el comando <code>npm install</code> y revisa el resultado.</p><ol><li>Descargar</li><li>Instalar</li></ol>

Tabla

La línea de guiones bajo el encabezado es obligatoria para que se reconozca la tabla.

Entrada

| Herramienta | Precio |
| --- | --- |
| Bethemesh | 0 € |

Resultado

Una tabla de dos columnas con los encabezados «Herramienta» y «Precio».

Consejos y buenas prácticas

  • Deja una línea vacía entre dos párrafos: un simple salto de línea continúa el mismo párrafo.
  • El resultado final puede variar según la plataforma (GitHub, GitLab, un CMS): aquí no se interpretan extensiones como casillas de verificación, notas al pie o HTML incrustado.
  • Para unificar la sintaxis antes de publicar, pasa primero el texto por Formateador Markdown.

Fuentes y referencias

Preguntas frecuentes

¿Qué sintaxis Markdown se admite?

Los elementos habituales de CommonMark (títulos, párrafos, listas, citas, código, separadores, negrita, cursiva, enlaces) y las tablas al estilo de GitHub. Las extensiones propias de algunas plataformas no se reconocen.

¿Puedo insertar HTML en mi Markdown?

Se muestra como texto y nunca se ejecuta. Así se evita que un contenido pegado lance un script en la página.

¿Por qué no se ven mis imágenes?

La vista previa no carga recursos remotos, para no contactar con servidores de terceros; en su lugar se muestra el texto alternativo de la imagen. El conversor Markdown a HTML sí conserva las etiquetas de imagen.

¿Qué diferencia hay con Markdown a HTML?

La vista previa muestra el resultado en directo y exporta una página completa. El conversor genera HTML sin más para pegarlo en otro sitio y puede encadenarse en un Pipeline.

¿Se guarda mi documento?

No. La vista previa y las exportaciones se hacen en tu navegador; si cierras la página, el texto desaparece.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Formatea texto Markdown con una estructura más limpia y coherente para facilitar su revisión.

Texto y redacciónUsar esta herramienta

Formatea HTML o elimina comentarios ordinarios localmente, conservando espacios del texto y contenido de scripts al quitar comentarios.

Texto y redacciónUsar esta herramienta

Analiza un texto y obtén su número de palabras, caracteres, líneas, frases y párrafos.

Texto y redacciónDestacadaUsar esta herramienta