Editor de Markdown
Escriba y previsualice Markdown con renderizado en tiempo real y barra de herramientas
Markdown
Los caracteres cuentan unidades de código UTF-16; las palabras cuentan elementos separados por espacios en blanco, incluida la sintaxis de Markdown.
Referencia rápida de Markdown
- Encabezado 1
# Encabezado 1- Encabezado 2
## Encabezado 2- Negrita
**bold**- Cursiva
*italic*- Enlace
[link](url)- Imagen
- Código en línea
`inline code`- Bloque de código
```code block```- Lista sin ordenar
- lista sin ordenar- Lista ordenada
1. lista ordenada- Cita en bloque
> cita en bloque- Línea horizontal
--- línea horizontal
Vista previa y HTML
Preparando vista previa…
Acerca de esta vista previa
- Este es el analizador básico original con correcciones revisadas. GitHub y otros procesadores de Markdown pueden producir resultados diferentes.
- El código en bloques delimitados y en línea se conserva de forma literal. No se ofrece resaltado de sintaxis específico por lenguaje.
- Las URL de imágenes externas se cargan desde sus servidores sin información del referente; esos servidores reciben la solicitud de la imagen. La imagen de ejemplo es local.
- El HTML se filtra antes de mostrar la vista previa y copiar el HTML. Copiar y guardar Markdown conserva su texto fuente.
- Copiar HTML coloca el código fuente HTML en el portapapeles; un editor de texto enriquecido puede pegarlo como texto.
- El editor no guarda automáticamente. Descargue su documento antes de salir de esta página.
Acerca del editor de Markdown
Nuestro editor de Markdown es una herramienta online gratuita que ofrece edición y vista previa en directo, lado a lado, para escribir documentos en Markdown. Markdown es un lenguaje de marcado ligero muy utilizado en documentación, archivos README, entradas de blog, redacción técnica y toma de notas. Este editor le permite escribir Markdown a la izquierda y ver al instante el resultado en HTML a la derecha.
El editor incluye una barra de herramientas completa para insertar rápidamente la sintaxis más común de Markdown, como encabezados, negrita, cursiva, enlaces, imágenes, bloques de código, listas, citas y líneas horizontales. No necesita memorizar la sintaxis de Markdown para empezar. Basta con hacer clic en los botones de la barra para insertar el formato en la posición del cursor, o escribir Markdown directamente si lo prefiere.
El editor analiza su Markdown de forma local, sin subir el documento. Las URL de imágenes externas aún pueden contactar con sus servidores, y otros scripts del sitio pueden realizar solicitudes. No existe una garantía de privacidad absoluta. El editor ofrece vista previa en tiempo real, recuento de caracteres y palabras, copia al portapapeles tanto del Markdown como del HTML, y descarga directa como archivo .md.
Características principales
- Edición de Markdown y vista previa HTML en directo, lado a lado, con renderizado instantáneo
- Barra de herramientas completa con botones para negrita, cursiva, encabezados (H1-H3), enlaces, imágenes, bloques de código, listas, citas y líneas horizontales
- Analizador integrado de Markdown a HTML compatible con encabezados, énfasis, código, enlaces, imágenes, listas, citas y líneas horizontales
- Recuento de caracteres y de palabras en tiempo real sobre el editor
- Copie el código fuente Markdown al portapapeles con un clic
- Copie el HTML renderizado al portapapeles para pegarlo en páginas web o editores de correo
- Descargue su documento como archivo .md para guardarlo localmente y controlar versiones
- Botón para limpiar y empezar de nuevo con un editor vacío
- Tarjeta de referencia rápida con la sintaxis común de Markdown a simple vista
- Diseño adaptable que apila el editor y la vista previa en dispositivos móviles
- Compatibilidad total con modo oscuro para editar cómodamente en cualquier condición de luz
- Contenido de ejemplo predeterminado que muestra todas las funciones de Markdown compatibles
Cómo usar el editor de Markdown
- Empiece a escribir: El editor se carga con un contenido de ejemplo que muestra todas las funciones de Markdown compatibles. Límpielo para empezar de cero o modifique el ejemplo para ver cómo funciona cada elemento de la sintaxis.
- Use la barra de herramientas: Haga clic en cualquier botón para insertar la sintaxis de Markdown correspondiente en la posición del cursor. Seleccione primero el texto para aplicarle un formato como negrita o cursiva.
- Previsualice al instante: Mientras escribe, este analizador básico actualiza una vista previa filtrada. Los renderizadores de Markdown de destino pueden diferir, así que compruebe el formato en el destino antes de publicar.
- Revise sus estadísticas: Los recuentos de caracteres y palabras se actualizan en directo sobre el editor, para ayudarle a controlar la extensión del documento según requisitos o límites de palabras.
- Copie o descargue: Use el botón “MD” para copiar su Markdown sin procesar, el botón “HTML” para copiar el HTML renderizado o el botón “Save” para descargar su documento como archivo .md.
Sintaxis de Markdown compatible
- Encabezados: Use # para H1, ## para H2, ### para H3 y #### para H4. Cada nivel de encabezado genera un texto progresivamente más pequeño con el espaciado adecuado.
- Negrita y cursiva: Envuelva el texto entre **dobles asteriscos** o __dobles guiones bajos__ para negrita, y entre *asteriscos simples* o _guiones bajos simples_ para cursiva.
- Enlaces: Cree enlaces en los que se puede hacer clic con la sintaxis [texto del enlace](URL). Los enlaces se abren en una pestaña nueva por comodidad.
- Imágenes: Inserte imágenes con la sintaxis . Las imágenes se muestran de forma adaptable y con esquinas redondeadas.
- Código: Use acentos graves para código en línea y triple acento grave para bloques de código de varias líneas. El código tiene un fondo con estilo; no se ofrece resaltado de sintaxis específico para cada lenguaje.
- Listas: Empiece las líneas con - o * para listas con viñetas sin orden, y con 1. para listas numeradas ordenadas.
- Citas: Empiece una línea con > para crear una cita con estilo y un borde izquierdo azul de acento.
- Líneas horizontales: Use ---, *** o ___ en una línea aparte para crear un separador visual entre secciones.
- Saltos de línea: Use dos saltos de línea para crear saltos de párrafo, o un solo salto de línea dentro de los párrafos para saltos de línea simples.
Casos de uso
- Archivos README: Redacte archivos README.md con esta vista previa básica y luego confirme el resultado en GitHub. Este analizador no implementa la especificación GFM completa.
- Documentación técnica: Cree documentación para API, bibliotecas y proyectos de software con el formato adecuado, bloques de código y encabezados estructurados.
- Entradas de blog: Redacte el contenido del blog en formato Markdown, previsualice el diseño y copie el HTML para pegarlo en su sistema de gestión de contenidos.
- Toma de notas: Use Markdown para tomar notas estructuradas en reuniones, clases o investigaciones. Descargue las notas como archivos .md para guardarlas de forma organizada.
- Formato de correos: Escriba el contenido en Markdown y copie el código fuente HTML filtrado. Use un editor compatible con HTML o un flujo de importación; un editor de texto enriquecido puede pegar el código como texto sin formato.
- Aprender Markdown: Use los botones de la barra de herramientas y la referencia rápida para aprender la sintaxis de Markdown de forma interactiva, con respuesta visual inmediata.
- Migración de contenido: Convierta contenido Markdown a HTML para insertarlo en sitios web, wikis y sistemas de bases de conocimiento.
Preguntas frecuentes
¿Este editor de Markdown es gratuito?
El editor es gratuito y no requiere registro. El tamaño del documento y la velocidad de renderizado dependen de los recursos del navegador; no se garantiza una capacidad de procesamiento ilimitada.
¿Mi contenido es privado y seguro?
Este editor analiza el contenido de forma local, sin subir ni guardar automáticamente el documento. Las imágenes externas pueden contactar con sus servidores, y otros scripts del sitio pueden usar el almacenamiento o realizar solicitudes. Conserve copias guardadas; esto no es una garantía absoluta de privacidad ni de seguridad.
¿Qué funciones de Markdown son compatibles?
El analizador básico admite H1-H4, énfasis, enlaces, imágenes, código, listas simples, citas, líneas horizontales y párrafos con saltos de línea. El anidamiento complejo y las extensiones de GFM no están implementados por completo.
¿Puedo usarlo para archivos README de GitHub?
Puede redactar un README.md aquí, luego copiar o guardar el Markdown y comprobarlo en GitHub. Este analizador básico no es un renderizador GFM completo; funciones como tablas, listas de tareas y tachado pueden mostrarse de forma distinta.
¿Puedo exportar a HTML?
La opción de copiar el código HTML coloca en el portapapeles texto HTML filtrado. Péguelo en un editor compatible con HTML o impórtelo como código fuente; los editores de texto enriquecido pueden mostrar el marcado como texto.
¿El editor funciona en dispositivos móviles?
Sí, el editor es totalmente adaptable. En pantallas pequeñas, los paneles del editor y de la vista previa se apilan verticalmente en lugar de mostrarse lado a lado, lo que garantiza una edición cómoda en teléfonos y tabletas.
Consejos y buenas prácticas
- Use encabezados para estructurar: Organice sus documentos con una jerarquía de encabezados clara. Empiece con H1 para el título, H2 para las secciones principales y H3 para las subsecciones.
- Previsualice mientras escribe: Mantenga visible el panel de vista previa para detectar a tiempo problemas de formato y asegurarse de que el documento se vea exactamente como desea.
- Seleccione el texto antes de dar formato: Resalte el texto en el editor antes de hacer clic en un botón de la barra de herramientas para aplicarle el formato elegido.
- Use bloques de código para contenido técnico: Incluya fragmentos de código, comandos y ejemplos de configuración en bloques de código para conservar el formato y mejorar la legibilidad.
- Guarde con frecuencia: Use el botón de descarga para guardar su trabajo como archivo .md. Los archivos Markdown son texto sin formato y se pueden abrir en cualquier editor de texto.
- Aprenda la sintaxis de Markdown: Use la barra de herramientas o escriba la sintaxis de Markdown directamente, como ** para negrita y * para cursiva. Este editor no define atajos de teclado específicos para el formato.