Saltar al contenido

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

Opciones
0 caracteres · 0 líneas
El resultado aparecerá aquí.

¿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?

  1. Escriba o pegue Markdown en el cuadro de entrada, o cargue el ejemplo para ver la sintaxis admitida.
  2. 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.
  3. Consulte las estadísticas (palabras, caracteres, tiempo de lectura, encabezados, enlaces) para dimensionar el documento.
  4. 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.

Más herramientas en Markdown y diagramas →