Markdown Editor

Escribe Markdown a la izquierda, mira la vista previa en vivo a la derecha. Atajos de barra de herramientas para cada formato común. Totalmente del lado del cliente — tu contenido nunca sale de tu navegador.

¿Por qué Markdown Editor?

Limpio, rápido, en vivo — con todas las extensiones comunes de Markdown integradas.

Vista previa en vivo

El HTML renderizado se actualiza mientras escribes, con bloques de código con resaltado de sintaxis y GitHub Flavored Markdown.

Vista dividida o completa

Elige pantalla dividida (editor + vista previa), solo editor o solo vista previa. El diseño se adapta automáticamente al móvil.

Privacidad por diseño

Todo el análisis de Markdown ocurre en tu navegador. Tu contenido nunca se transmite a ningún servidor ni se almacena en ninguna parte.

Barra de herramientas y atajos

Botones de un clic para encabezado, negrita, cursiva, código, enlace, cita, listas, tablas, casillas. Atajos de teclado: Ctrl/⌘+B, I, K.

GitHub Flavored Markdown

Tablas, listas de tareas, tachado, bloques de código con cercado y detección automática de lenguaje para más de 190 lenguajes.

Copiar y descargar

Copia el código fuente Markdown o el HTML renderizado al portapapeles, o descárgalo como archivo.md.

Cómo funciona el editor Markdown

Edita a la izquierda, mira el HTML a la derecha — al instante, localmente.

1

Escribe o pega Markdown

El panel izquierdo es un textarea simple. Pega un archivo .md existente o empieza a escribir. Aplican los atajos de teclado estándar (⌘ B para negrita, ⌘ I para cursiva) y añadimos una barra de herramientas para encabezados, listas, enlaces, bloques de código y tablas.
2

Marked.js renderiza a HTML

En cada pulsación pasamos la entrada por marked, un parser ampliamente probado de CommonMark + GitHub Flavoured Markdown. Las funciones de GFM — listas de tareas, tablas, tachado, autoenlaces — funcionan todas. La salida se sanitiza con DOMPurify para eliminar cualquier script incrustado.
3

Vista previa con resaltado de sintaxis

Los bloques de código en el HTML renderizado se resaltan con highlight.js para ~190 lenguajes. El panel de vista previa hace scroll sincronizado con el editor para que veas la versión renderizada de la sección que estás editando.
4

Copia o descarga

Exporta el Markdown crudo, el HTML renderizado o una sola imagen autocontenida (PNG vía html-to-image). Las tres salidas se producen en tu navegador — nada de tu borrador toca un servidor.

Para qué lo usa la gente

Flujos de trabajo reales donde un editor solo en navegador gana.

Redactar archivos README

Abre el editor, pega la descripción de tu proyecto, ve exactamente cómo se renderizará el README en GitHub antes de hacer push. Sin tener que commit-and-revert solo para previsualizar.

Escribir entradas de blog

Usa la vista previa en vivo mientras escribes para detectar Markdown roto — corchetes sin cerrar, tablas mal formadas, niveles de encabezado que se saltan. Te ahorras el ciclo de "publicar, ver render roto, arreglar, republicar".

Tomar notas sin conexión

Una vez cargada la página, el editor funciona en un avión o detrás del firewall corporativo. Tu borrador queda en la pestaña del navegador; ciérrala con cuidado o cópialo antes de salir.

Convertir Markdown a HTML limpio

Suelta un documento Markdown extenso, copia el HTML renderizado y pégalo en tu CMS. A menudo más limpio que el importador Markdown nativo del CMS, que suele eliminar formato de forma impredecible.

Por qué los borradores merecen privacidad

Los borradores suelen contener pensamientos sin pulir, nombres internos de productos, comentarios de clientes o material bajo NDA. Los editores en línea con autoguardado en la nube convierten silenciosamente cada pulsación en una entrada del log del servidor. El editor Markdown de iKit ni siquiera tiene un endpoint de guardado — tu borrador vive solo en la pestaña del navegador.

Sin autoguardado en servidor, sin historial de borradores de nuestro lado.
El render ocurre en cada pulsación localmente — sin llamada API con debounce.
Las imágenes incrustadas siguen siendo Data URIs o URLs externas que pegues — no las pasamos por proxy.

Guías relacionadas

Tutoriales detallados y comparaciones de herramientas del blog de iKit.

Preguntas frecuentes

¿Se envía mi contenido a un servidor?

No. Todo el análisis de Markdown se realiza completamente en tu navegador usando la biblioteca marked (con DOMPurify para sanear la salida contra XSS). Tu contenido nunca se transmite, registra ni almacena.

¿Qué variante de Markdown se admite?

CommonMark + GitHub Flavored Markdown (GFM): tablas, listas de tareas ([x], [ ]), tachado (~~), autoenlaces y bloques de código cercados con resaltado de sintaxis etiquetado por lenguaje.

¿Se guardan mis archivos?

No. Esta herramienta no guarda automáticamente. Usa el botón Descargar para guardar tu documento como archivo.md. Como no se almacena nada en el servidor, actualizar la página borrará tu trabajo.

¿Qué atajos de teclado están disponibles?

Ctrl/⌘+B para negrita, Ctrl/⌘+I para cursiva, Ctrl/⌘+K para enlace. Tab inserta 4 espacios (o sangra las líneas seleccionadas). Shift+Tab reduce la sangría de las líneas seleccionadas.

¿Puedo pegar o soltar imágenes?

Actualmente puedes insertar la sintaxis de imagen (![alt](url)) a través de la barra de herramientas. No se ha implementado el soporte para pegar / soltar imágenes directamente porque habría que almacenarlas en algún lugar — lo que rompería el diseño de privacidad ante todo.