About This Tool

What is Markdown Preview?

A tool for previewing Markdown-formatted text in real time. Instantly check rendering results when writing GitHub READMEs, blog posts, and documentation with Markdown syntax.

How to Use

  1. Enter text in Markdown format in the left editor.
  2. The rendered result appears in real time in the right preview area.
  3. Use Markdown syntax: headings (#), bold (**), lists (-), links ([]), etc.

Key Features

  • Real-time Markdown rendering
  • Side-by-side editor/preview split
  • Major Markdown syntax support
  • Code block and table rendering

Tips

  • Headings use # (one for H1) through ###### (six for H6).
  • Code blocks are wrapped with triple backticks (```) with an optional language name.
  • Images use the format ![alt text](URL).

Markdown Preview

Preview Markdown in real-time

Hello World

This is a Markdown preview tool.

Features

  • Real-time preview

  • Bold, italic, code

Code Block

console.log("Hello!");

Blockquote example


  • First item

  • Second item


Frequently Asked Questions

¿Qué sintaxis Markdown es compatible?

Soporta Markdown estándar: encabezados (#), negrita (**texto**), cursiva (*texto*), enlaces ([texto](url)), imágenes (![alt](url)), listas, citas (>), bloques de código (```), tablas, líneas horizontales (---) y listas de tareas (- [x]). Sigue la especificación CommonMark.

¿La vista previa es segura contra XSS?

Sí. Se sanitiza con DOMPurify, que elimina HTML, JavaScript y manejadores de eventos peligrosos antes del renderizado. Puedes previsualizar Markdown de fuentes no confiables sin riesgo de inyección de scripts.

¿Puedo usar HTML dentro de Markdown?

Las etiquetas HTML básicas están permitidas y se renderizan. Sin embargo, etiquetas script, manejadores de eventos (onclick, etc.) y elementos peligrosos son eliminados por seguridad. Etiquetas comunes como <br>, <sup>, <sub> y <details> funcionan bien.


Related Tools