Editor de Markdown

¿Qué es un editor de Markdown?

Un editor de Markdown es una herramienta que permite editar texto escrito en sintaxis Markdown mientras se previsualiza cómo quedará realmente. Markdown utiliza símbolos sencillos como «#» para los encabezados, «-» para las listas con viñetas y «**» para el texto en negrita.Es más fácil de leer y escribir que utilizar directamente etiquetas HTML, y se utiliza en una amplia variedad de contextos, como archivos README, documentos técnicos, entradas de blog, notas, especificaciones y mensajes de chat.

Esta herramienta ofrece una vista previa en tiempo real de lo que escribes.Puedes insertar formato, como negrita, cursiva, encabezados, comillas, código, enlaces, imágenes, listas y tablas directamente desde la barra de herramientas, por lo que no es necesario que te acuerdes de toda la sintaxis de Markdown. Además de copiar el código Markdown que hayas introducido, puedes copiar el código HTML convertido o guardarlo como un archivo .md o HTML.

La sintaxis admitida varía en función del dialecto de Markdown y del servicio que se utilice. Además de la sintaxis más habitual, esta herramienta ofrece soporte simplificado para texto tachado, listas de verificación, bloques de código y tablas. Al pegar el contenido en GitHub, servicios de blogs, CMS u otras plataformas, comprueba cómo se muestra finalmente en el sitio de destino.

El texto que introduzcas no se envía al servidor, sino que se transforma mediante JavaScript en el propio navegador. Aunque este diseño facilita su uso para borradores previos a la publicación o documentos internos, el contenido puede permanecer en el historial del navegador o en el portapapeles de los dispositivos compartidos. Sigue las normas de tu entorno de trabajo en lo que respecta al tratamiento de la información confidencial.

Características principales

• La vista previa se actualiza a medida que escribes.
• Puedes mostrar encabezados, texto en negrita, citas, listas, código, enlaces, imágenes y tablas.
• Puedes insertar fácilmente sintaxis Markdown desde la barra de herramientas.
• Puedes copiar tanto el código Markdown como el HTML resultante.
• Puedes guardar archivos .md y HTML.
• Puedes comprobar el recuento de caracteres, el recuento de palabras y el recuento de líneas.
• Los datos introducidos se procesan en el navegador.

Cómo utilizarlo

1. Introduce el código Markdown en el campo de entrada de la izquierda.
2. Aplica el formato de la barra de herramientas según sea necesario.
3. Comprueba cómo se muestra en la vista previa en tiempo real de la derecha.
4. Si quieres ver esto en una ventana aparte para facilitar la lectura, haz clic en «Ver en una ventana aparte».
5. Copia y guarda el código Markdown o HTML según sea necesario.

Precauciones de uso

• El alcance de la compatibilidad con Markdown y los métodos de visualización varían según el servicio.
• Por motivos de seguridad, la vista previa trata las etiquetas HTML introducidas como texto sin formato, en lugar de ejecutarlas.
• Las imágenes externas se muestran accediendo a la fuente de la URL de la imagen.
• En el caso de frases muy largas, la vista previa puede tardar un poco en actualizarse, dependiendo del rendimiento de tu dispositivo.
• Al utilizar el código HTML convertido, comprueba que cumpla con los requisitos de seguridad del sitio de destino.

Preguntas frecuentes

¿Qué es Markdown?

Un lenguaje de marcado ligero que utiliza símbolos para representar encabezados, énfasis, listas, enlaces y mucho más. Se caracteriza por su capacidad para preservar la legibilidad del texto original.

¿Se enviará al servidor el texto que introduzca?

No. La conversión de Markdown a HTML y la vista previa se gestionan desde el navegador.

¿Puedo introducir etiquetas HTML directamente?

Puedes introducir texto, pero por motivos de seguridad, se mostrará como texto sin formato en lugar de ejecutarse como HTML. Utiliza la sintaxis de Markdown.

¿Es totalmente compatible con GitHub Flavored Markdown?

Además del Markdown estándar, ofrecemos compatibilidad básica con elementos clave de formato, como tablas, listas de verificación y texto tachado; sin embargo, esto no reproduce íntegramente todas las especificaciones propias de GitHub.

¿Se codificarán por colores los bloques de código?

Los bloques de código que especifican el nombre de un lenguaje se muestran con un atributo `class`, pero, dado que esta página no utiliza una biblioteca de resaltado de sintaxis, no se aplica el código de colores automáticamente.

¿Puedes convertir Markdown a HTML?

Sí. Puedes obtener el código HTML utilizado para la vista previa haciendo clic en «Copiar HTML» o «Guardar HTML».

¿Puedo guardar archivos Markdown?

Sí. Al hacer clic en «Guardar .md», se guardarán tus entradas como un archivo Markdown en formato UTF-8.

¿Cómo se escribe una tabla?

Introduce el título en la primera línea, los elementos separados por guiones en la segunda línea y los datos separados por barras verticales a partir de la tercera línea. Puedes insertar una plantilla utilizando el botón de tabla de la barra de herramientas.

¿Por qué no aparecen los saltos de línea en la vista previa?

En Markdown, un salto de línea se considera un único párrafo. Para crear un nuevo párrafo, inserta una línea en blanco; para forzar un salto de línea, inserta dos espacios de medio ancho al final de la línea.

¿Puedo insertar una imagen?

Sí. Puedes especificar la URL pública de una imagen. Sin embargo, no subimos archivos locales ni los guardamos en el servidor.

¿Está disponible en smartphones?

Sí. En pantallas estrechas, el campo de entrada y la vista previa se disponen verticalmente, por lo que se puede editar el contenido incluso en un smartphone.

¿Puedo publicar el código HTML copiado tal cual?

Puedes utilizar esto como código HTML básico, pero asegúrate de revisarlo antes de publicarlo, ya que la visualización puede variar en función del CSS y de la configuración de seguridad del sitio web en producción.