Ejemplo práctico
Previsualiza títulos, tablas, código con fences, listas anidadas y enlaces juntos, porque los dialectos de Markdown difieren sobre todo en estas construcciones.
Vista previa de Markdown
Opciones
Personajes
palabras
Líneas
¿Qué es una herramienta de vista previa de Markdown?
Una herramienta de vista previa de Markdown le permite escribir Markdown y ver inmediatamente cómo se verá cuando se represente como HTML.
Es útil para notas, documentación, archivos README, borradores de blogs, comentarios y cualquier contenido que utilice formato Markdown.
Cómo utilizar la herramienta de vista previa de Markdown
- Pegue o escriba Markdown en el campo de entrada.
- Habilite el procesamiento automático si desea una vista previa en vivo mientras escribe.
- Revise la vista previa renderizada y la salida HTML opcional.
- Copie el HTML generado o el Markdown original si es necesario.
Consejos
- Utilice encabezados, listas, enlaces, citas en bloque y bloques de código para estructurar su contenido.
- Escape del HTML sin formato si desea un comportamiento de vista previa más seguro.
- Copie la salida HTML cuando necesite marcado renderizado para otro sistema.
- La vista previa de Markdown es útil para archivos README y borradores de contenido.
Comprobaciones de Markdown antes de publicar contenido renderizado
Revisa apariencia y estructura generada porque los dialectos, sanitizadores y plataformas procesan las funciones de forma distinta.
Estructura de títulos
Usa un título claro y una jerarquía lógica para que funcionen la navegación, accesibilidad y tablas de contenido.
Enlaces y medios
Verifica rutas relativas, anchors, texto alternativo, destinos externos y recursos que puedan requerir autenticación.
Compatibilidad del dialecto
Prueba tablas, listas de tareas, notas, bloques de código y HTML inline en la plataforma exacta de publicación.
HTML no confiable
Sanitiza Markdown de usuarios y restringe HTML, scripts, URLs inseguras y contenido remoto en producción.
Un ejemplo práctico, un caso límite y una nota del autor
Caso límite
El HTML crudo y los enlaces javascript: pueden convertirse en un riesgo XSS cuando el renderizador de producción permite marcado inseguro.
Nota del autor
Comparo la vista previa con el renderizador exacto de la plataforma de destino antes de publicar documentación.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.
Codificador/decodificador de entidades HTML
Codifique y decodifique entidades HTML instantáneamente en su navegador.
Codificación y seguridad
›
Generador Lorem Ipsum
Genere texto de marcador de posición para diseño, interfaz de usuario y diseños de contenido.
Texto y contenido
›
Generador de Slugs
Convierta texto en un slug limpio y compatible con URL.
Texto y contenido
›
Metaetiquetas/Vista previa de gráfico abierto
Obtenga una vista previa de fragmentos de Google y Open Graph y genere metaetiquetas.
SEO y webmaster
›
Preguntas frecuentes sobre la vista previa de Markdown
¿Puedo obtener una vista previa de Markdown en vivo?
Sí. Habilite el procesamiento automático para obtener una vista previa de Markdown mientras escribe.
¿Puedo copiar el HTML generado?
Sí. La herramienta incluye un botón Copiar HTML.
¿Admite encabezados, listas, enlaces, tablas, listas de verificación y bloques de código?
Sí. Admite el formato Markdown común, como encabezados, listas ordenadas y desordenadas, listas de verificación, citas en bloque, enlaces, tablas, código en línea, reglas horizontales y bloques de código delimitados.
¿Se almacena mi Markdown?
No. El Markdown se convierte a HTML dentro de la página: las notas y documentos sin publicar se quedan en tu dispositivo.