Herramienta de conversión

Vista previa HTML/Markdown - render

Previsualiza Markdown o HTML e inspecciona el HTML renderizado. Útil para borradores y revisión ligera.

ConvertirCuándo usarlo

Modo de entrada

Entrada

Vista 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
&lt;div class="note"&gt;Hello&lt;/div&gt;
```

[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.

Cuándo usarlo

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

Es una buena opción para tareas de Convertir cuando quieres una comprobación rápida y local sin salir del navegador.

Cómo usarlo

Flujo básico

1. Configura la entrada o las opciones necesarias para Vista previa HTML/Markdown - render.
2. Revisa el resultado y ajusta lo que haga falta.
3. Copia, guarda o lleva el resultado al siguiente paso.

Puntos importantes

- El sitio prioriza, cuando es posible, el procesamiento dentro del navegador.
- Vista previa HTML/Markdown - render encaja bien para comprobaciones, formato y conversiones rápidas de Convertir.
- Verifica siempre el resultado final antes de usarlo en producción o compartirlo.

Mejor para

- Abrir Vista previa HTML/Markdown - render y empezar a trabajar de inmediato
- Resolver tareas pequeñas de Convertir sin abrir una aplicación más pesada
- Ordenar o revisar contenido antes de guardarlo o compartirlo

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.

¿Cuándo es útil Vista previa HTML/Markdown - render?

Es útil para comprobaciones rápidas de convertir sin salir del navegador.

¿Para qué tipo de trabajo sirve mejor?

Sirve bien para tareas diarias de convertir como revisión, conversión, limpieza o validación.

¿Por qué usarlo en lugar de un editor general?

Porque reduce la configuración y ofrece un flujo de trabajo de convertir enfocado al instante.

Herramientas relacionadas

ConvertirBase64 ConvertirCodificador de URL ConvertirEscapar HTML ConvertirConvertidor de códigos Unicode