📝 Viste Previa de Markdown
Una viste previa de Markdown es una herramienta en línea gratuita que convierte Markdown en HTML formateado mientras escribes. Escribe encabezados, listas, bloques de código, enlaces y tablas en el editor y verás cómo la viste previa en vivo se actualiza al instante. Funciona íntegramente en tu navegador sin necesidad de registro. Escritores, desarrolladores y autores de documentación la usan para comprobar el formato antes de publicar.
Escribe markdown y ve la renderización a HTML al instante.
¿Qué es esta herramienta?
La herramienta de Viste 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 bloques de código (mostrados como texto monoespaciado). 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 viste 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~~) .
La renderización es completamente del lado del cliente, lo que significa que no se hacen llamadas al servidor. El analizador de markdown es un conversor JavaScript personalizado y ligero (no una librería de terceros). Cubre los elementos comunes de markdown; las listas anidadas se aplanan a un solo nivel. La viste 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 viste 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
¿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, bloques de código (mostrados como texto monoespaciado)).
¿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 y tachado son compatibles con GitHub Flavored Markdown para casos comunes. Ten en cuenta que este es un renderizador personalizado ligero, así que entradas complejas pueden verse distintas 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 usa las tres comillas invertidas (```) para que el código se muestre como texto monoespaciado. 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.
Herramientas Relacionadas
Contador de Palabras
Cuenta palabras, caracteres, frases y párrafos de cualquier texto al instante. I
Conversor de Chino Tradicional-Simplificado
Convierte texto entre chino tradicional y simplificado al instante. Traduce cara
Conversor de Mayúsculas
Convierte texto a mayúsculas, minúsculas, tipo título o tipo frase al instante.
Generador de Lorem Ipsum
Genera texto de relleno Lorem Ipsum para diseños y maquetas web. Elige párrafos,
Eliminar Saltos de Línea
Elimina saltos de línea y párrafo de cualquier texto al instante. Une líneas sue