polyshPrevisualizador de Markdown
Ve tu Markdown como una página con formato mientras escribes y copia el HTML.
- Funciona en tu navegador
- Sin subidas
- Sin cuenta
Cargando tu herramienta del navegador…
Qué hace Previsualizador de Markdown
Escribir un README, el borrador de un artículo de ayuda o unas notas de versión en Markdown es más rápido si ves el resultado. Pega o escribe a la izquierda y la página con formato aparece a la derecha, actualizada mientras editas, con el número de palabras y el tiempo de lectura encima.
Usa el previsualizador para comprobar que una tabla se alinea, que una lista anidada tiene la sangría que esperas o que una lista de tareas muestra sus casillas antes de hacer commit o publicar. Cuando esté bien, “Copiar HTML” te da el código que hay detrás de la vista previa; Markdown a HTML añade la opción de documento completo.
Ejemplo
Entrada
## Novedades de la semana Hemos lanzado los **subtítulos automáticos**. - [x] Subtítulos - [ ] Modo oscuro
“Copiar HTML” da
<h2 id="novedades-de-la-semana">Novedades de la semana</h2> <p>Hemos lanzado los <strong>subtítulos automáticos</strong>.</p> <ul> <li class="task-list-item"><input type="checkbox" disabled="" checked=""> Subtítulos</li> <li class="task-list-item"><input type="checkbox" disabled=""> Modo oscuro</li> </ul>
La vista previa muestra una casilla marcada y otra vacía. En la página, el encabezado se dibuja un nivel más pequeño para que quede bajo el título de la herramienta, pero el HTML copiado conserva el h2.
Cómo usar Previsualizador de Markdown
- Pega Markdown en el área de texto, haz clic en “Abrir archivo” para cargar un archivo .md o haz clic en “Usar ejemplo”.
- Lee la vista previa renderizada mientras editas; activa “Cargar imágenes remotas en la vista previa” en “Más opciones” si deben aparecer las imágenes enlazadas.
- Haz clic en “Copiar HTML” para obtener el código, o en “Descargar .html” para una página independiente.
Conviene saber
- Cubre la sintaxis habitual de estilo GitHub, pero no todas las extensiones: las notas al pie, las fórmulas matemáticas, los diagramas Mermaid y los códigos cortos de emoji como
:tada:se muestran como texto sin formato. - Las imágenes con rutas relativas, como
./img/step-1.png, no pueden cargarse porque no hay ninguna carpeta junto al texto pegado; aparecen como marcadores de posición. - El número de palabras sobre la vista previa es una estimación rápida. Para un recuento que omita el código y las URL de los enlaces, usa el Contador de palabras para Markdown.
Preguntas sobre Previsualizador de Markdown
¿Cómo veo un archivo Markdown sin instalar un editor?
Haz clic en “Abrir archivo” y elige el archivo .md, o pega su contenido. La página renderizada aparece al momento junto al texto y se actualiza mientras editas. No hace falta instalar nada y el archivo se queda en tu dispositivo.
¿Por qué mi tabla aparece como texto sin formato con barras verticales?
Una tabla Markdown necesita una fila de encabezado seguida directamente de una fila separadora con guiones, como | --- | --- |. Si falta el separador o está separado por una línea en blanco, las líneas se renderizan como un párrafo normal.
¿Por qué un salto de línea simple no empieza una línea nueva?
En Markdown, un salto de línea simple dentro de un párrafo se lee como un espacio. Termina la línea con dos espacios o una barra invertida para forzar un salto de línea, o deja una línea en blanco para empezar un párrafo nuevo.
¿Cómo hago una lista de tareas en Markdown?
Empieza un elemento de lista con - [ ] para una tarea pendiente o - [x] para una terminada. El previsualizador dibuja una casilla en cada una. Para convertir una lista normal en tareas, pégala en el Generador de listas de comprobación Markdown.