Visor/Editor de Markdown
Escribe Markdown a un lado y mira una vista previa fiel en tiempo real al otro: barra de formato, tablas GFM y exportación a .md o .html, todo en tu navegador.
0 palabras · 0 caracteres
Arrastra y suelta aquí un archivo .md, .markdown o .txt
Esquema (tabla de contenidos)
Añade encabezados (# Título) para crear un esquema.
Nota: la política de seguridad (CSP) de este sitio bloquea las imágenes cargadas desde otros sitios web, por lo que no aparecerán en la vista previa; usa URI data: o archivos locales.
Escribir Markdown con vista previa en vivo, sin servidor
Markdown se ha convertido en el formato habitual para archivos README, documentación, descripciones de pull requests y entradas de blogs estáticos porque se lee bien como texto plano y aun así se transforma en una salida con formato correcto (encabezados, negrita y cursiva, listas, enlaces y bloques de código) sin pasar nunca por un editor de texto enriquecido. La pega es que incluso un pequeño descuido de sintaxis (una línea en blanco que falta antes de una lista, una tabla con distinto número de columnas, un bloque de código que nunca se cierra) puede renderizarse de forma muy distinta a la prevista, y normalmente no se nota con solo mirar el texto en bruto.
Esta herramienta analiza tu Markdown con las mismas reglas de GitHub-Flavored Markdown que renderizan tus README y pull requests, y te muestra el resultado renderizado junto al código fuente, actualizándose mientras escribes. Como el análisis y el renderizado ocurren por completo en tu navegador, lo que estés escribiendo (documentación en borrador, notas privadas, una entrada de blog sin publicar) no sale de tu equipo. El HTML renderizado también se sanea antes de mostrarse, de modo que pegar Markdown con HTML en bruto o una etiqueta script suelta no puede ejecutar nada en tu navegador; se trata como contenido inerte, no como código.
La barra de formato inserta la sintaxis correcta por ti (negrita, cursiva, encabezados, enlaces, imágenes, listas ordenadas y sin ordenar, citas, código en línea o en bloque, tablas y líneas horizontales), así que no necesitas recordar la puntuación exacta de Markdown para elementos menos comunes como los encabezados de tabla o los enlaces de referencia. Alterna entre vista dividida, solo editor y solo vista previa según el espacio de pantalla que necesites; en la vista dividida los dos paneles se desplazan juntos para que nunca pierdas de vista qué parte del código corresponde a qué parte del resultado.
Cuando termines, copia el Markdown original o el HTML renderizado directamente al portapapeles, o descarga cualquiera de los dos como un archivo `.md` o `.html` listo para usar. Si necesitas comparar dos versiones de un documento en lugar de solo previsualizar una, el Comparador de textos resalta exactamente lo que cambió; y para contar palabras y estimar el tiempo de lectura del texto terminado, el Contador de palabras y caracteres es la siguiente parada natural.
Preguntas frecuentes
¿Muestra una vista previa en vivo mientras escribo?
Sí. Una vista dividida renderiza Markdown con sabor GitHub (tablas, listas de tareas, tachado) en directo mientras escribes, con desplazamiento sincronizado.
¿Perderé mi trabajo si cierro la pestaña por accidente?
No. Tu borrador se guarda automáticamente en el almacenamiento local del navegador y se restaura la próxima vez que abras la herramienta.
¿Puedo exportar el resultado como HTML, y no solo como Markdown?
Sí. Descarga el archivo .md original o un archivo .html independiente con el contenido renderizado.
¿Se muestran en la vista previa las imágenes de otros sitios web?
No. La Política de Seguridad de Contenido de este sitio bloquea las imágenes cargadas desde otros dominios para proteger tu privacidad, por lo que las imágenes remotas no se muestran en la vista previa. Usa un URI data: o incrusta la imagen de otra forma; el Markdown que exportes seguirá conteniendo el enlace original.