Editor de Markdown
Escribe Markdown en un editor limpio con barra de formato y mira el resultado renderizado al lado mientras escribes. Tus documentos se guardan automáticamente en este navegador y puedes exportarlos como archivos .md o páginas HTML independientes.
Última actualización:
Cómo usar Editor de Markdown
- Empieza a escribir en el panel izquierdo o pulsa Abrir .md para cargar un archivo existente. El documento de ejemplo muestra la sintaxis principal.
- Usa la barra de herramientas o los atajos para dar formato al texto; selecciona primero el texto para ponerlo en negrita, cursiva, código o convertirlo en enlace.
- Mira la vista previa de la derecha actualizarse en vivo. Cambia a Escribir o Vista previa para verlo a ancho completo.
- Guarda varios documentos con Nuevo y el menú Documento. Todo se guarda automáticamente en este navegador.
- Pulsa Exportar HTML para obtener una página web lista para publicar, o Descargar .md para conservar el código fuente.
Chuleta de sintaxis Markdown
| Elemento | Markdown | Atajo |
|---|---|---|
| Títulos 1–3 | # Title, ## Section, ### Sub | Botones H1 / H2 / H3 |
| Negrita | **bold** | Ctrl+B |
| Cursiva | *italic* | Ctrl+I |
| Tachado (GFM) | ~~text~~ | Botón S |
| Código en línea | `code` | Botón </> |
| Enlace | [text](https://example.com) | Ctrl+K |
| Imagen |  | Botón Img |
| Lista con viñetas | - item | Intro continúa la lista |
| Lista numerada | 1. item | Los números aumentan automáticamente |
| Lista de tareas (GFM) | - [ ] to do / - [x] done | Botón ☑ Tarea |
| Cita | > quoted text | Botón ❝ |
| Bloque de código | ```js … ``` | Botón { } |
| Línea horizontal | --- | Botón ― |
| Salto de línea | Termina una línea con dos espacios o activa "Saltos de línea como <br>" |
Markdown frente a HTML: un ejemplo práctico
Este Markdown:
## Release 2.1 - **Faster** search - [Changelog](https://example.com)
se convierte en este HTML, que es lo que obtienes con Exportar HTML y Copiar HTML:
<h2>Release 2.1</h2> <ul> <li><strong>Faster</strong> search</li> <li><a href="https://example.com">Changelog</a></li> </ul>
El Markdown tiene 56 caracteres y el HTML unos 120: Markdown supone aproximadamente la mitad de escritura y es mucho más fácil de leer como texto plano, por eso se usa en archivos README, documentación, notas y blogs de sitios estáticos.
Consejos para escribir mejor Markdown
- Deja una línea en blanco entre párrafos, listas, títulos y bloques de código. Muchas sorpresas al renderizar se deben a una línea en blanco que falta.
- Indica el lenguaje después de la valla de apertura (
```python) para que sitios como GitHub puedan resaltar el código. - Usa un solo título de nivel 1 por documento para el título; el editor también lo usa como nombre del documento y como <title> del HTML.
- Escapa los caracteres especiales con una barra invertida, p. ej.
\*not italic\*. - Guarda una copia: el almacenamiento del navegador es práctico, pero no es una copia de seguridad. Descarga los documentos importantes como archivos .md.
Preguntas frecuentes
¿Dónde se guardan mis documentos?
En el almacenamiento local de tu navegador en este dispositivo. Nunca se suben a ningún servidor. Si borras los datos del navegador o usas una ventana privada, se eliminan, así que descarga una copia .md de todo lo importante.
¿Qué variante de Markdown usa el editor?
CommonMark con las extensiones de GitHub Flavored Markdown (tablas, listas de tareas, tachado y URL enlazadas automáticamente), renderizado con la biblioteca marked. Puedes desactivar GFM y, si quieres, tratar los saltos de línea simples como <br>.
¿Es seguro pegar HTML en el editor?
Sí. Se permite HTML sin procesar dentro del Markdown, pero la vista previa y el HTML exportado se limpian con DOMPurify, que elimina scripts, controladores de eventos y otro código peligroso.
¿Qué genera Exportar HTML?
Un archivo .html completo e independiente, con un título tomado de tu primer encabezado y una pequeña hoja de estilos integrada, para que se vea bien al abrirlo directamente o al subirlo a un sitio web.
¿El editor funciona sin conexión?
Una vez cargada la página, la edición y el guardado automático funcionan sin conexión. Si no se puede descargar la biblioteca de Markdown, se usa una vista previa básica integrada y un aviso explica que las tablas y parte de la sintaxis no se mostrarán.
¿Cómo hago una tabla?
Pulsa el botón Tabla para insertar una plantilla, o escribe filas separadas por barras verticales con una línea divisoria de guiones bajo el encabezado, por ejemplo | Name | Price | y luego | --- | ---: |. Los dos puntos a la derecha alinean esa columna a la derecha.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.