Markdown a HTML

Markdown a HTML: convertidor de Markdown a HTML gratis online

Última actualización:

Escribe o suelta Markdown a la izquierda y obtén una vista previa en vivo y HTML limpio a la derecha. GitHub Flavored Markdown, tablas, listas de tareas, código con resaltado de sintaxis e ID de encabezados automáticos. Todo funciona en tu navegador: no se sube nada.

● 100% en el navegador Analizador GFM (marked.js) Copia y descarga en .html Sin registro
Markdown Suelta aquí un archivo .md
0 palabras · 0 caracteres0 líneas
—
0 bytes de HTML0 títulos
Publicidad

¿Por qué usar Markdown a HTML?

Markdown a HTML es un convertidor de Markdown a HTML gratuito para desarrolladores, redactores y equipos de documentación. Analiza GitHub Flavored Markdown con marked.js y muestra el resultado al instante, para que puedas escribir un README, una entrada de blog o una página de documentación y copiar HTML listo para producción en segundos.

Editor en vivo de dos paneles

Edita el Markdown a la izquierda; la vista previa se actualiza mientras escribes, sin pulsar ningún botón.

Alternar vista previa ↔ HTML

Cambia entre la página renderizada y el código HTML generado limpio con un clic.

GitHub Flavored Markdown

Las tablas, listas de tareas, tachados, enlaces automáticos y bloques de código delimitados funcionan como en GitHub.

Resaltado de código

Los bloques delimitados con indicación de lenguaje (```js) reciben clases de resaltado de sintaxis.

ID de encabezados automáticos

Los encabezados reciben ids tipo slug como #getting-started para enlaces de anclaje e índices.

Privado por diseño

Sin servidor, sin subidas, sin cuenta. Tu Markdown nunca sale de tu navegador.

Cómo convertir Markdown a HTML

  1. Añade tu Markdown. Escribe o pega en el panel izquierdo, arrastra y suelta un archivo .md sobre él o haz clic en Abrir .md.
  2. Elige las opciones. Deja GFM activado para tablas y listas de tareas, activa ID de encabezados para los enlaces de anclaje y Resaltar código para bloques de código en color.
  3. Revisa la vista previa. El panel derecho muestra el resultado con formato al instante. Cambia a la pestaña HTML para leer el código generado.
  4. Exporta. Haz clic en Copiar HTML para llevar el código al portapapeles, o en Descargar .html para guardar un archivo. Marca Documento completo para obtener una página independiente con estilos.

Referencia rápida de la sintaxis Markdown

Una chuleta con la sintaxis Markdown más usada y el HTML exacto que Markdown a HTML genera para cada elemento.

ElementoMarkdownSalida HTML
Encabezado 1–6# Title … ###### Small<h1 id="title">Title</h1>
Negrita**bold**<strong>bold</strong>
Cursiva*italic*<em>italic</em>
Tachado (GFM)~~old~~<del>old</del>
Enlace[text](https://x.com)<a href="https://x.com">text</a>
Imagen![alt](img.png)<img src="img.png" alt="alt">
Código en línea`code`<code>code</code>
Bloque de código```js … ```<pre><code class="language-js">
Lista sin ordenar- item<ul><li>item</li></ul>
Lista ordenada1. item<ol><li>item</li></ol>
Lista de tareas (GFM)- [x] done<li><input checked type="checkbox"> done
Cita> quote<blockquote><p>quote</p>
Tabla (GFM)| a | b |
|---|---|
<table><thead>…
Línea horizontal---<hr>

Guía de sintaxis de GitHub Flavored Markdown

Tablas con alineación

Usa dos puntos en la fila separadora para alinear las columnas a la izquierda (:---), al centro (:---:) o a la derecha (---:).

| Plan  | Price | Users |
|:------|:-----:|------:|
| Free  |  $0   |     1 |
| Team  |  $12  |    10 |

Listas de tareas

Empieza un elemento de lista con [ ] o [x] para crear casillas de verificación, ideales para README y registros de cambios.

- [x] Write the parser
- [ ] Add tests

Código delimitado con lenguaje

Añade un lenguaje después de las comillas invertidas de apertura para que el convertidor pueda aplicar el resaltado de sintaxis.

```python
def greet(name):
    return f"Hello, {name}!"
```

Anclajes de encabezados

Con ID de encabezados activado, ## Install & Setup se convierte en <h2 id="install--setup">, así que [Jump](#install--setup) enlaza directamente a él. Los encabezados duplicados reciben los sufijos -1, -2.

Preguntas frecuentes

¿Qué es Markdown a HTML?

Markdown a HTML es un convertidor de Markdown a HTML online y gratuito. Convierte texto Markdown o archivos .md en HTML limpio con vista previa en vivo, completamente dentro de tu navegador web.

¿Cómo convierto Markdown a HTML online?

Pega o escribe Markdown en el panel izquierdo de Markdown a HTML, o suelta un archivo .md sobre él. El panel derecho muestra al instante una vista previa en vivo. Cambia a la pestaña HTML para ver el código generado y luego haz clic en Copiar HTML o Descargar .html.

¿Markdown a HTML es gratis y privado?

Sí. Markdown a HTML es gratis y sin registro. Todo el análisis se hace en tu navegador con JavaScript, así que tu Markdown nunca se sube a un servidor.

¿Markdown a HTML admite GitHub Flavored Markdown?

Sí. Usa el analizador de Markdown online marked.js con GFM activado, compatible con tablas, listas de tareas, tachado, enlaces automáticos y bloques de código delimitados con indicación de lenguaje.

¿Los ID de encabezados se generan automáticamente?

Sí. Cuando la opción ID de encabezados está activada, cada encabezado recibe un id apto para URL (por ejemplo, ## Getting Started se convierte en id="getting-started"), así que puedes enlazar a las secciones con anclajes.

¿Puedo descargar el HTML convertido como archivo?

Sí. Haz clic en Descargar .html para guardar el fragmento HTML o un documento HTML completo e independiente con estilos básicos, según la opción Documento completo.

¿Se permite HTML sin procesar dentro del Markdown?

El HTML sin procesar se pasa tal cual al código generado. La vista previa visual se depura con DOMPurify para que los scripts del contenido pegado no se ejecuten en tu navegador.

¿Markdown a HTML funciona sin conexión o en el móvil?

Markdown a HTML funciona en cualquier navegador moderno en Windows, macOS, Linux, Android e iOS. Una vez cargada la página, la conversión se hace localmente sin más peticiones de red.

¿Todas las herramientas de FreeToolCabin se prueban para garantizar su calidad y precisión?

¡Sí! Cada herramienta de nuestro sitio pasa por pruebas automatizadas de control de calidad en navegadores reales para garantizar alta precisión, resultados correctos y cero errores. Si encuentras algún fallo o tienes una sugerencia, escríbenos a [email protected] y nuestro equipo lo revisará enseguida.

Más herramientas gratuitas para desarrolladores

Utilidades gratuitas y 100% en el navegador para desarrolladores web y redactores, creadas igual que Markdown a HTML.

Trampas de Markdown que cambian el HTML

Si la vista previa no se ve como esperabas, la causa suele ser una de estas:

Fragmento o documento completo: qué exportar

La opción Documento completo decide lo que obtienes, y la elección correcta depende de adónde va el HTML:

DestinoExportarPor qué
Editor de un CMS o entrada de blog (vista HTML/código)FragmentoEl sitio ya tiene su propia estructura de página y estilos
Plantilla de sitio estáticoFragmentoPégalo dentro del área de contenido de la plantilla
Página independiente para compartir o imprimirDocumento completoIncluye el head, los estilos y el body en un solo archivo
Boletín por correo electrónicoFragmento y luego estilos en líneaMuchos clientes de correo ignoran o eliminan los bloques de estilo, así que los estilos suelen tener que ir en línea

Si pegas el HTML en otro código base, pásalo antes por el formateador de HTML para tener una sangría coherente.

Cómo mantener los documentos fáciles de convertir

Markdown es más fácil de mantener si te ciñes a la sintaxis básica. Los bloques de HTML sin procesar dentro de Markdown funcionan, pero hacen el código fuente más difícil de leer y otras plataformas de Markdown suelen eliminarlos o rechazarlos. Usa un encabezado por sección y en orden (H2 y luego H3), no te saltes niveles y escribe textos de enlace que se entiendan por sí solos en lugar de "haz clic aquí". Las tablas grandes son tediosas de escribir a mano; el generador de tablas Markdown crea la sintaxis con barras verticales por ti.

Más preguntas sobre Markdown a HTML

¿El HTML se verá en mi sitio web igual que en la vista previa?

No exactamente. El convertidor genera HTML estructural, como encabezados, listas y tablas, y el CSS propio de tu sitio decide las fuentes, los espacios y los colores. El contenido y la estructura se mantienen.

¿Puedo convertir HTML de vuelta a Markdown?

Sí, con un convertidor de HTML a Markdown aparte. El formato sencillo se convierte de vuelta sin problemas, pero las clases personalizadas, los estilos en línea y los diseños complejos no tienen equivalente en Markdown y se eliminan o se conservan como HTML sin procesar.

¿Por qué los guiones bajos de los nombres de archivo ponen el texto en cursiva?

Los guiones bajos pueden marcar énfasis. En GFM, los guiones bajos dentro de una palabra como file_name_v2 normalmente no se tocan, pero los que están en los extremos de una palabra pueden iniciar una cursiva. Encierra los nombres de archivo entre comillas invertidas para mostrarlos como código.