Herramienta de conversión

Vista previa HTML / Markdown

Previsualiza Markdown o HTML e inspecciona el HTML renderizado.

Convertir

Las entradas se guardan automáticamente en este dispositivo.

Guardado solo en tu navegador

Enviar a otra herramienta

Modo de entrada

EntradaVista previa

Markdown Complete Sample

All supported Markdown syntax in one place.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Bold with asterisks and bold with underscores. Italic with asterisks and italic with underscores. Use inline code inside a sentence.

Cuvel link preview.

Syntax	Example	Supported
Bold	`text`	Yes
Italic	`text`	Yes
Link	`label`	Yes

Unordered item with "-"
Another item with "-"
Unordered item with "*"
Another item with "*"

Ordered item one
Ordered item two
Ordered item with another number

Blockquote line one.
Blockquote line two with bold and code.

<section class="card">
  <h2>Hello Markdown</h2>
  <p>Code fence sample</p>
</section>

HTML renderizado

<h1>Markdown Complete Sample</h1>
<p>All supported Markdown syntax in one place.</p>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p><strong>Bold with asterisks</strong> and <strong>bold with underscores</strong>. <em>Italic with asterisks</em> and <em>italic with underscores</em>. Use <code>inline code</code> inside a sentence.</p>
<p><a href="https://example.com" target="_blank" rel="noopener noreferrer">Cuvel</a> link preview.</p>
<table><thead><tr><th>Syntax</th><th>Example</th><th>Supported</th></tr></thead><tbody><tr><td>Bold</td><td><code><strong>text</strong></code></td><td>Yes</td></tr><tr><td>Italic</td><td><code><em>text</em></code></td><td>Yes</td></tr><tr><td>Link</td><td><code><a href="https://example.com" target="_blank" rel="noopener noreferrer">label</a></code></td><td>Yes</td></tr></tbody></table>
<ul><li>Unordered item with &quot;-&quot;</li><li>Another item with &quot;-&quot;</li><li>Unordered item with &quot;*&quot;</li><li>Another item with &quot;*&quot;</li></ul>
<ol><li>Ordered item one</li><li>Ordered item two</li><li>Ordered item with another number</li></ol>
<blockquote><p>Blockquote line one.</p><p>Blockquote line two with <strong>bold</strong> and <code>code</code>.</p></blockquote>
<pre><code>&lt;section class=&quot;card&quot;&gt;
  &lt;h2&gt;Hello Markdown&lt;/h2&gt;
  &lt;p&gt;Code fence sample&lt;/p&gt;
&lt;/section&gt;</code></pre>

Sintaxis básica de Markdown

Encabezados: # Encabezado 1 / ## Encabezado 2
Más niveles: ### / #### / ##### / ######
Énfasis: **negrita** / *cursiva*
Énfasis alternativo: __negrita__ / _cursiva_
Lista con viñetas: - ítem o * ítem
Lista numerada: 1. ítem
Cita: > texto citado
Código en línea: `const name = "cuvel"`
Bloque de código: rodea con ``` y ```
Enlace: [nombre del sitio](https://example.com)
Tabla: | col 1 | col 2 | y luego | --- | --- |

Ejemplo para copiar y pegar

# Ejemplo Markdown

## Encabezado

Texto normal con **negrita** y *cursiva*.

- Viñeta A
- Viñeta B

1. Número A
2. Número B

> Esto es una cita.

`inline code`

```html
<div class="note">Hello</div>
```

[Cuvel](https://example.com)

Notas de esta página

En modo Markdown, los cambios aparecen al instante en la vista previa.
En modo HTML puedes escribir HTML crudo, pero etiquetas inseguras como script se eliminan automáticamente.
Usa el bloque "HTML renderizado" para copiar el resultado a otras herramientas o documentos.
Este renderizador se centra en encabezados, énfasis, listas, citas, enlaces, código y tablas. Algunas sintaxis como tachado no están soportadas.

Pega Markdown o HTML y visualiza el resultado directamente en el navegador. También muestra el HTML resultante.

FAQ

¿Cómo previsualizar Markdown online?

Activa el modo Markdown, pega el contenido y revisa el render al instante.

¿Es seguro previsualizar HTML?

Sí. La herramienta sanitiza el HTML antes de mostrarlo.

¿Cuándo es útil una vista previa HTML/Markdown?

Para borradores, revisión rápida de marcado, QA de contenido y validación visual.

Herramientas relacionadas

Base64 Codificador de URL Escapar HTML Convertidor Unicode