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