Cómo usar: Convertir Markdown a HTML
- Escribe tu texto con sintaxis Markdown en el cuadro de la izquierda o pega el contenido de un README.md.
- En la Vista previa de la derecha verás cómo queda. En la pestaña Código HTML verás las etiquetas generadas.
- Con Copiar HTML puedes pegarlo en el editor HTML de tu blog o en una plantilla de correo. Con Guardar como .html obtienes un archivo que puedes abrir en el navegador.
- Lo que escribes se guarda solo en este navegador, así que seguirá ahí cuando vuelvas.
Guía rápida de sintaxis Markdown (lo más usado)
| Elemento | Markdown | Resultado HTML |
|---|---|---|
| Títulos | # Título 1, ## Título 2 | <h1>, <h2> |
| Negrita / cursiva | **negrita**, *cursiva* | <strong>, <em> |
| Tachado | ~~tachado~~ | <del> |
| Enlace | [Tooljip](https://tooljip.com) | <a href> |
| Imagen |  | <img> |
| Listas | - elemento, 1. elemento | <ul>, <ol> |
| Lista de tareas | - [x] hecho | Lista con casillas |
| Cita | > texto citado | <blockquote> |
| Código en línea | `code` | <code> |
| Bloque de código | ```js … ``` | <pre><code> |
| Tabla | | Nombre | Valor ||---|---| | <table> |
| Línea divisoria | --- | <hr> |
Cómo se convierte Markdown en HTML y qué tener en cuenta
Markdown marca la estructura de un documento con símbolos de texto fáciles de leer, y un conversor los cambia por etiquetas HTML. Tooljip usa las reglas al estilo de GitHub (GFM) de marked, una biblioteca muy extendida, así que el resultado es casi igual al de un README en GitHub.
- Saltos de línea: si pulsas Intro una sola vez, el texto sigue en el mismo párrafo. Para empezar otro párrafo, deja una línea en blanco.
- Sangría en listas: las sublistas se sangran con 2 a 4 espacios.
- Caracteres especiales: para que
*o#se vean tal cual, pon una barra invertida delante (\*). - HTML directo: puedes mezclar etiquetas HTML dentro del Markdown y aparecerán tal cual en el código resultante.
- Acentos y eñes: el documento completo se guarda en UTF-8, así que las tildes, la ñ y signos como ¿ o ¡ se ven bien en cualquier navegador.
La vista previa está aislada y es segura
Aunque el Markdown que copies de otro sitio traiga código como <script>, la vista previa de Tooljip lo muestra en un espacio aislado (sandbox iframe) donde no se ejecutan scripts. Mirar la vista previa no afecta a tu navegador.
Publicar el HTML convertido tal cual en tu web es otro tema. Si usas Markdown de terceros en un foro o en un servicio, pásalo siempre por un saneado (sanitize) en el servidor que deje solo las etiquetas permitidas.
Úsalo para blogs, README y boletines
Los README de GitHub, las notas de Notion u Obsidian y muchos blogs técnicos usan Markdown. En cambio, algunas plataformas de blogs y editores de boletines por correo solo aceptan HTML. Si escribes el borrador en Markdown y luego sacas el HTML con esta herramienta, ahorras mucho tiempo de formato. Si quieres saber cuánto ocupa tu texto, usa el contador de caracteres.
- Documentación: revisa cómo quedará un README.md antes de subirlo al repositorio.
- Correo y boletines: escribe en Markdown y pega el HTML en tu plantilla.
- Páginas sencillas: guarda un documento HTML completo y ábrelo en cualquier navegador.