Editor Markdown online con vista previa

Un editor Markdown online con vista previa al momento

Este editor Markdown online muestra tu texto a la izquierda y el resultado a la derecha, actualizado mientras escribes. En el móvil las dos zonas se apilan y dos pestañas, «Editar» y «Vista previa», permiten pasar de una a otra. También sirve para convertir Markdown a HTML: el código se copia con un clic o se descarga como página web completa.

Todo ocurre en tu navegador. El texto no se envía a ningún sitio y se guarda un borrador en tu dispositivo: si cierras la pestaña, el documento sigue ahí la próxima vez.

¿Qué es Markdown?

Markdown es una forma de dar formato a un texto con caracteres normales del teclado. Una almohadilla delante de una línea la convierte en título; dos asteriscos alrededor de una palabra la ponen en negrita. El archivo se lee bien tal cual y después se transforma en HTML para la web. La extensión habitual es .md.

Sintaxis básica

Una línea en blanco separa dos párrafos. Las listas se anidan sangrando los elementos dos o tres espacios.

Extensiones habituales

• Tablas: columnas separadas por | y una fila de guiones bajo la cabecera. :--- alinea a la izquierda, :---: centra y ---: alinea a la derecha, útil para una columna de importes como 85,40 €.
• Casillas: - [ ] Leche da una casilla vacía y - [x] Pan una marcada.
• Tachado: ~~precio anterior~~.
• Enlaces automáticos: una dirección que empieza por https:// o www. se convierte en enlace sin añadir nada.

Cómo se usa

1. Escribe o pega el texto en «Texto Markdown», o pulsa «Abrir un archivo .md».
2. Da formato con la barra de herramientas: negrita, cursiva, título, enlace, lista, código, tabla y cita. Atajos: Ctrl+B, Ctrl+I y Ctrl+K (Cmd en Mac).
3. El botón «Índice» muestra tus títulos; un clic lleva a la sección y «Insertar en el texto» añade un índice con sus anclas.
4. Exporta con «Copiar el HTML», «Descargar .html» (una página completa con un estilo sencillo) o «Descargar .md».

Debajo, un contador indica las palabras y el tiempo de lectura, calculado a 230 palabras por minuto: un artículo de 920 palabras se lee en 4 min y uno de 1.000 palabras en 5 min. El desplazamiento sincronizado mueve la vista previa a la altura aproximada de lo que estás editando.

Para qué sirve Markdown

Se usa en la documentación técnica y en los archivos README que acompañan a un programa, para tomar apuntes, escribir mensajes en foros o en aplicaciones de mensajería que lo admiten. Un acta de reunión, unos apuntes para la EBAU o la lista de tareas de la semana se escriben rápido sin soltar el teclado.

Convertir Markdown a HTML con seguridad

La conversión sigue CommonMark, la especificación de referencia de Markdown, con las extensiones citadas. El HTML en bruto que escribas no se interpreta por defecto: aparece como texto. Si marcas «Mostrar el HTML en bruto (depurado)», las etiquetas habituales se muestran, pero un filtro elimina siempre los scripts, los atributos como onclick u onerror y los enlaces javascript:. El HTML que copias o descargas es el de la vista previa, ya depurado.

Preguntas frecuentes

¿Se envía mi texto a un servidor?

No. El borrador se queda en tu dispositivo, pero si borras los datos del navegador, el borrador desaparece: descarga el archivo .md para conservarlo.

¿Por qué no aparece mi salto de línea?

En Markdown, un salto de línea simple se une al párrafo. Deja una línea en blanco para empezar otro párrafo o termina la línea con dos espacios para un salto.

¿Puedo pegar el HTML en mi web?

Sí. «Copiar el HTML» te da solo el contenido, listo para una plantilla o un editor de páginas. «Descargar .html» crea una página independiente que se abre en cualquier navegador.

¿Por qué no se ven mis imágenes?

Una imagen con una ruta relativa, como foto.jpg, no existe en esta página. Usa su dirección completa con https:// para verla en la vista previa.