Vista previa de Markdown
Vista previa de Markdown como HTML renderizado
Hello, Markdown
A quick bold word and some italics.
- Bullet one
- Bullet two
- Nested
- Bullet three
const greeting = 'hello world';
console.log(greeting);
Block quotes work too.
| Col A | Col B |
|---|---|
| 1 | 2 |
| 3 | 4 |
¿Qué tipo de Markdown es compatible?
La vista previa utiliza el analizador `marked` configurado para Markdown con sabor a GitHub (GFM): tablas con separadores `|`, bloques de código delimitados con marcadores ``` y sugerencias de lenguaje, enlaces automáticos para URLs, casillas de verificación de listas de tareas (`- [ ]`), y tachado con `~~texto~~`.
La salida HTML se sanea antes de renderizar, por lo que pegar Markdown no confiable no puede inyectar etiquetas de script o hojas de estilo en tu navegador. Si necesitas salida HTML sin sanear, utiliza un analizador dedicado localmente.
Casos de uso
- Vista previa del README antes de confirmar — ve cómo GitHub renderizará encabezados, bloques de código y listas.
- Redactar documentación — escribe documentación de API en markdown y vista previa del formato antes de pegar en Notion o un wiki.
- Componer publicaciones de boletines — escribe en markdown y vista previa para Substack o Beehiiv antes de pegar.
- Formatear respuestas de Stack Overflow — vista previa de cercas de código, listas y enlaces antes de enviar.
Ejemplos
# Title
**bold** and *italic* text.
- list item
- another<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>Preguntas frecuentes
¿Qué extensiones de Markdown son compatibles?
Markdown con sabor a GitHub: tablas, bloques de código delimitados, enlaces automáticos, listas de tareas, tachado. Las notas al pie y las advertencias no son compatibles.
¿Se permite HTML dentro de Markdown?
Sí, pero la salida se sanea — `<script>`, `<style>`, y atributos de eventos se eliminan antes de renderizar.
¿Puedo exportar el HTML renderizado?
Utiliza la vista de código fuente de tu navegador o DevTools para copiar el HTML renderizado. Haz clic derecho en la vista previa y 'Ver fuente del marco' si está disponible.
¿Los bloques de código tienen resaltado de sintaxis?
No — los bloques de código delimitados se renderizan con estilo monoespaciado pero sin resaltado de color de lenguaje. Agrega un procesador de Markdown como `markdown-it` + `highlight.js` localmente para eso.
¿Se envía la entrada a un servidor?
No. El análisis y la renderización ocurren en tu navegador.