Editor Markdown con vista previa en vivo
Escriba o pegue Markdown en un lado y lea el resultado renderizado en el otro, con estadísticas instantáneas del documento.
Procesado localmente en tu navegador· Tus datos se quedan en tu navegador.
¿Qué es Editor Markdown con vista previa en vivo?
Markdown es un formato de texto plano para encabezados, listas, enlaces, tablas y código que se convierte en HTML limpio. Es el formato de los archivos README, las wikis, los sitios de documentación y muchas aplicaciones de notas.
Este editor renderiza el Markdown de GitHub (tablas, listas de tareas, tachado, código delimitado) y pasa el resultado por un depurador de HTML estricto antes de mostrarlo, de modo que el contenido pegado nunca puede ejecutar scripts. Junto a la vista previa obtiene el número de palabras, caracteres, encabezados, enlaces, imágenes, bloques de código y tareas.
¿Cómo funciona?
- Escriba o pegue Markdown en el cuadro de entrada, o cargue el ejemplo para ver la sintaxis admitida.
- Lea la vista previa en vivo; active los saltos de línea, el HTML seguro integrado y la apertura de enlaces en una pestaña nueva.
- Consulte las estadísticas (palabras, caracteres, tiempo de lectura, encabezados, enlaces) para dimensionar el documento.
- Copie su Markdown o pase a Markdown a HTML si necesita el código fuente HTML.
Casos de uso habituales
- Previsualizar un README o la descripción de una pull request antes de confirmarla.
- Redactar documentación o una entrada de blog controlando el recuento de palabras y el tiempo de lectura.
- Comprobar que una tabla o una lista de tareas se muestra bien en plataformas tipo GitHub.
- Aprender la sintaxis de Markdown con una vista previa instantánea y segura.
Ejemplos
Prueba esta entrada en la herramienta de arriba:
# Release notes
A short **Markdown** demo with *emphasis*, ~~strikethrough~~ and `inline code`.
## Checklist
- [x] Write the draft
- [x] Add a table and a code block
- [ ] Review the [style guide](https://example.com/style-guide)
- [ ] Publish
## Steps
1. Install the dependencies
2. Run the build
3. Check the output
## Comparison
| Format | Readable | Portable |
|----------|:--------:|---------:|
| Markdown | yes | high |
| HTML | partly | high |
| PDF | yes | medium |
```js
const greet = (name) => `Hello, ${name}!`;
console.log(greet("world"));
```
> Tip: a blank line starts a new paragraph.
---
See the [documentation](https://example.com/docs) fo
…Privacidad
Editor Markdown con vista previa en vivo se ejecuta por completo en tu navegador. El texto o los archivos que proporcionas se procesan en tu dispositivo y no se suben, registran ni almacenan en nuestros servidores.
Limitaciones
El renderizado sigue el Markdown de GitHub, pero otras plataformas difieren un poco. Los scripts, manejadores de eventos, estilos y enlaces javascript: siempre se eliminan de la vista previa, y su navegador carga las imágenes incrustadas desde su propia dirección.
Preguntas frecuentes
¿Se sube mi Markdown a algún sitio?
No. El análisis, el saneamiento y el renderizado ocurren en la pestaña de su navegador; no se envía nada a un servidor.
¿Por qué desapareció mi HTML sin procesar de la vista previa?
La vista previa solo conserva una lista blanca de etiquetas seguras. Elementos como <script>, <iframe> o <style> y atributos como onclick o style se eliminan a propósito.
¿Se admiten las listas de tareas y las tablas de GitHub?
Sí. Las líneas como "- [x] hecho" se convierten en casillas de solo lectura, y las tablas con barras verticales y marcadores de alineación :---: se muestran como tablas HTML.
Herramientas relacionadas
Convertidor de Markdown a HTML
Transforme Markdown en HTML listo para pegar, como fragmento o documento completo, con una vista previa segura al lado.
Markdown y diagramas
Convertidor de HTML a Markdown
Pegue un fragmento HTML o una página guardada y obtenga Markdown limpio con las opciones de estilo que prefiera.
Markdown y diagramas
Generador de tablas Markdown
Pegue filas de una hoja de cálculo y obtenga una tabla Markdown ordenada, lista para GitHub, con columnas rellenadas y alineación por columna.
Markdown y diagramas
Editor Mermaid en vivo
Un editor Mermaid libre: escriba el diagrama como código y obtenga una vista renderizada en vivo que puede exportar.
Markdown y diagramas
Contador de palabras
Pegue un ensayo, un artículo o un pie de foto y obtenga al instante palabras, caracteres, oraciones, párrafos, tiempo de lectura y las palabras más usadas.
Herramientas de texto
Formateador HTML
Pegue HTML minificado o desordenado y obtenga un marcado limpio, con sangría coherente, fácil de leer y comparar.
Herramientas para desarrolladores
Analizador de texto
Un inspector todo en uno para cualquier cadena: tamaño, estadísticas de caracteres, resúmenes criptográficos y los bytes en bruto.
Herramientas de texto
Generador de enlaces Markdown
Escriba «texto | url | título» en cada línea y obtenga enlaces listos para pegar en Markdown, HTML o BBCode, con las URL bien escapadas.
Markdown y diagramas