📝 Vista Previa de Markdown
Escribe markdown y ve la renderización a HTML al instante.
¿Qué es esta herramienta?
La herramienta de Vista Previa de Markdown es un editor de markdown en línea gratis que renderiza tu markdown a HTML en tiempo real. Mientras escribes en el lado izquierdo, el resultado formateado aparece instantáneamente en el lado derecho. Es perfecto para previsualizar archivos README, publicaciones de blog, documentación o cualquier contenido markdown antes de publicarlo. Markdown es un lenguaje de marcado ligero que usa formato de texto plano para crear documentos estructurados. Fue creado por John Gruber en 2004 para hacer que escribir para la web fuera lo más fácil posible. Con markdown, puedes crear encabezados, texto en negrita y cursiva, listas, enlaces, imágenes, bloques de código, tablas y más, todo usando símbolos de texto simples. Markdown se usa en todas partes: READMEs de GitHub, comentarios de Reddit, mensajes de Discord, sitios de documentación y muchos sistemas de gestión de contenidos. Este visor soporta la sintaxis estándar de markdown incluyendo las extensiones de GitHub Flavored Markdown (GFM) como listas de tareas, texto tachado y resaltado de sintaxis de código. Todo se ejecuta completamente en tu navegador, por lo que tu contenido nunca se sube a ningún servidor. Puedes escribir con confianza sabiendo que tus borradores son completamente privados.Cómo funciona
La herramienta usa un analizador de markdown en JavaScript que convierte tu texto a HTML en tiempo real. Mientras escribes en el panel del editor, el analizador procesa la sintaxis markdown carácter por carácter y genera los elementos HTML correspondientes, que se muestran en el panel de vista previa. El analizador maneja todos los elementos estándar de markdown: encabezados (# a ######), negrita (**texto**), cursiva (*texto*), enlaces ([texto](url)), imágenes (), listas desordenadas (- o *), listas ordenadas (1.), bloques de código (```), código en línea (`código`), citas en bloque (>), reglas horizontales (---) y tablas. También soporta extensiones de GitHub Flavored Markdown: listas de tareas (- [x]), tachado (~~texto~~) y enlazado automático de URL. La renderización es completamente del lado del cliente, lo que significa que no se hacen llamadas al servidor. El analizador de markdown es una librería de JavaScript bien probada que maneja casos extremos como listas anidadas, múltiples párrafos en elementos de lista y bloques de código dentro de listas. La vista previa se actualiza en cada pulsación de tecla para una experiencia de edición verdaderamente en vivo.Cómo usar
- Escribe o pega tu markdown en el editor de la izquierda.
- Observa la vista previa HTML formateada actualizarse en tiempo real a la derecha.
- Usa la sintaxis estándar de markdown (# encabezados, **negrita**, *cursiva*, etc.).
- Prueba GitHub Flavored Markdown: listas de tareas, tablas, tachado.
- Copia el HTML renderizado o tu código fuente markdown según sea necesario.
Preguntas Frecuentes
Preguntas Frecuentes
¿Qué sintaxis de markdown es compatible?
Markdown estándar (encabezados, negrita, cursiva, listas, enlaces, imágenes, código, citas en bloque, tablas) más las extensiones de GitHub Flavored Markdown (listas de tareas, tachado, auto-enlaces, resaltado de sintaxis de código).
¿Mi contenido markdown se envía a un servidor?
No. Todo el procesamiento ocurre en tu navegador usando JavaScript. Tu contenido nunca sale de tu dispositivo, garantizando completa privacidad para tus borradores y notas.
¿Puedo usar esto para archivos README de GitHub?
Sí. Este visor soporta GitHub Flavored Markdown, que es el mismo dialecto usado por GitHub. Las listas de tareas, tablas, tachado y bloques de código se renderizarán de la misma manera que en GitHub.
¿Cómo creo una tabla en markdown?
Usa barras verticales (|) para separar columnas y guiones (-) para la fila de encabezado. Ejemplo: | Encabezado 1 | Encabezado 2 | \n|---|---| \n| Celda 1 | Celda 2 |
Consejos
Markdown está diseñado para ser legible como texto plano, incluso antes de renderizarlo. Usa encabezados (#) para crear estructura de documento y mantén los niveles de encabezado consistentes. Para bloques de código, siempre especifica el lenguaje después de las tres comillas invertidas (```python) para obtener resaltado de sintaxis. Al crear tablas, alinea las barras verticales para mayor legibilidad. Las listas de tareas (- [x] hecho, - [ ] por hacer) son excelentes para el seguimiento de proyectos en READMEs. Si escribes para GitHub, previsualiza tu markdown aquí primero para detectar problemas de formato antes de hacer push. Para documentos largos, usa una tabla de contenidos con enlaces de anclaje. Recuerda que dos espacios al final de una línea crean un salto de línea duro en markdown.