acento.io
Utilidad de texto

Vista previa de Markdown

Convierte Markdown a HTML al instante, con editor en pantalla dividida y descarga directa — tus datos nunca salen del navegador.

Por Carlos Suárez , Ingeniero de sistemas
Última actualización:

Qué hace este vista previa de Markdown

Esta versión en español del renderizador de Markdown convierte texto con formato GFM (GitHub Flavored Markdown) a HTML mientras escribes, sin recargar la página ni enviar nada a un servidor. Soporta tablas, bloques de código delimitados, tachado y listas de tareas — las extensiones que los proyectos reales usan a diario. La herramienta ofrece tres modos: vista dividida editor-resultado, previsualización sola y HTML en bruto. Con un clic descargas un archivo .html completo y autónomo. 100% en el navegador — tus datos nunca salen de tu equipo. Sin subidas, sin tracking, sin logs en servidor. Ideal para borradores confidenciales, documentos bajo NDA o cualquier contenido que no debe salir de tu máquina.

Características

  • Renderizado en tiempo real. El markdown live preview se actualiza con cada pulsación de tecla, sin botones de envío ni recargas. Ves el resultado exacto mientras escribes.
  • GitHub Flavored Markdown completo. Tablas, listas de tareas, tachado y bloques de código delimitados con etiqueta de lenguaje — la especificación GFM que usa GitHub en sus READMEs y wikis.
  • Vista de HTML en bruto. Alterna a la pestaña HTML para ver el marcado generado. Útil para pegar en sistemas de CMS, plantillas de correo o integraciones que aceptan HTML directamente.
  • Descarga como .html independiente. El archivo descargado incluye estructura HTML completa con <head> y <body>, listo para compartir o abrir en cualquier navegador sin dependencias externas.
  • Privacidad por diseño. Ningún carácter que escribas sale del navegador. No hay API calls, no hay almacenamiento en la nube. Seguro para documentos internos y textos confidenciales. Si también necesitas comparar dos versiones de un texto, el [comparador de textos](/es/text-diff/) es el siguiente paso natural.
  • Sin sintaxis YAML ni diagramas Mermaid. La herramienta es honesta sobre su alcance: no procesa frontmatter YAML ni renderiza diagramas Mermaid. Esas funciones requieren librerías adicionales que aumentarían el peso del bundle innecesariamente.

Cómo usar el vista previa de Markdown

No se requiere instalación. Abre la herramienta, escribe o pega tu Markdown y el resultado aparece de inmediato en el panel derecho.

  1. Elige el modo de vista. Selecciona «Dividida» para editar y previsualizar en paralelo, «Vista previa» para revisar el resultado final o «HTML» para inspeccionar el marcado generado.
  2. Escribe o pega tu Markdown. Puedes usar cualquier sintaxis GFM. Por ejemplo, una tabla básica: | Columna A | Columna B |\n|-----------|-----------|\n| valor 1 | valor 2 |. El resultado aparece al instante en el panel de vista previa.
  3. Revisa el HTML generado. Cambia a la pestaña HTML para copiar el marcado directamente. Es útil cuando necesitas incrustar el contenido en un CMS o en una plantilla existente.
  4. Descarga el archivo. Haz clic en «Descargar .html» para obtener un documento completo y autónomo. El archivo incluye la estructura <!DOCTYPE html> completa y se puede abrir en cualquier navegador sin conexión.

Casos de uso comunes

  • Previsualizar READMEs antes de hacer commit. Los equipos de Santiago y Lima que trabajan en proyectos open source pueden revisar el README exactamente como lo renderizará GitHub — incluyendo tablas y listas de tareas — sin hacer push.
  • Borradores de posts para generadores de sitios estáticos. Si escribes contenido para Hugo, Jekyll o Astro, puedes redactar en Markdown y ver el HTML resultante antes de integrarlo en tu pipeline de build.
  • Convertir Markdown a HTML para correos o documentación. Descarga el .html generado y adjúntalo o incrústalo en herramientas de documentación interna. No necesitas un servidor ni una cuenta en ningún servicio externo.
  • Enseñar sintaxis Markdown con retroalimentación inmediata. En talleres o cursos, el markdown live preview permite que los estudiantes vean el efecto de cada elemento — encabezados, negrita, tablas — exactamente cuando lo escriben, acelerando el aprendizaje.
  • Documentos confidenciales y bajo NDA. Como nada se envía a servidores externos, la herramienta es apropiada para redactar borradores con información sensible. Si además necesitas limpiar el texto de mayúsculas o formato, el [codificador de entidades HTML](/es/html-entities/) puede ser útil en el paso siguiente.

Preguntas frecuentes

¿Mis textos se guardan o se envían a algún servidor?

No. Todo el procesamiento ocurre dentro del navegador mediante JavaScript local. Ningún carácter que escribas llega a un servidor — no existe ningún backend que reciba o registre tu contenido. Puedes incluso desconectarte de internet y la herramienta sigue funcionando.

¿Qué diferencia hay entre CommonMark y GitHub Flavored Markdown?

CommonMark es la especificación base estandarizada de Markdown. GFM (GitHub Flavored Markdown) extiende CommonMark con tablas, listas de tareas, tachado y bloques de código con etiqueta de lenguaje. Esta herramienta implementa GFM, que es el estándar de facto en la mayoría de proyectos de software modernos.

¿Por qué el código no muestra resaltado de sintaxis?

El resaltado de sintaxis requiere una librería adicional como highlight.js o Prism, lo que aumentaría considerablemente el tamaño del bundle. La decisión de omitirlo es deliberada: mantiene la herramienta rápida y liviana. El bloque de código se renderiza correctamente con su tipografía monoespaciada, sin color.

¿Puedo usar esta herramienta como alternativa al markdown preview de VS Code?

Sí, especialmente cuando trabajas en un equipo con un editor diferente o cuando no tienes VS Code disponible. La vista previa de VS Code tiene ventajas como la integración directa con el sistema de archivos; esta herramienta aporta portabilidad total — funciona en cualquier navegador sin instalar nada.

¿El archivo .html descargado funciona sin conexión?

Sí. El archivo incluye toda la estructura HTML necesaria y no depende de recursos externos como CDNs o fuentes remotas. Puedes abrirlo directamente desde tu sistema de archivos en cualquier navegador moderno, sin conexión a internet.

¿Soporta HTML incrustado dentro del Markdown?

La especificación GFM permite HTML en línea dentro del Markdown, pero el comportamiento exacto depende del parser. Esta herramienta renderiza el HTML incrustado con ciertos límites de seguridad. Si necesitas control total sobre el marcado, usa directamente la vista HTML para editar el resultado generado.