Editor Markdown

NuevoTendencia 🔥

Escribe y previsualiza Markdown en tiempo real

Productividad

Cómo usar Editor Markdown

  1. 1Escribe Markdown en el editor izquierdo
  2. 2Ve vista previa HTML en vivo a la derecha
  3. 3Usa la barra de herramientas para formato rápido
  4. 4Exporta como HTML o copia salida renderizada

Acerca de Editor Markdown

Escribe Markdown a la izquierda y ve HTML renderizado en tiempo real a la derecha. Nuestro editor admite la especificación completa CommonMark más extensiones de GitHub Flavored Markdown, incluyendo tablas, listas de tareas y bloques de código con resaltado de sintaxis.

La interfaz de panel dividido te da retroalimentación visual instantánea. Exporta como HTML, copia la salida renderizada o descarga como .md. El guardado automático preserva tu trabajo.

Características principales de Editor Markdown

  • Vista previa en tiempo real lado a lado
  • CommonMark + GitHub Flavored Markdown
  • Barra de herramientas de formato
  • Atajos de teclado
  • Bloques de código con resaltado
  • Editor de tablas
  • Guardado automático cada 5 segundos
  • Exportar como HTML o descargar .md

Ejemplos

Escribir un README de GitHub

Crear README con encabezados y bloques de código.

Entrada

# Nombre del proyecto

## Instalación

```bash
npm install
```

Salida

HTML renderizado con encabezados y bloque de código resaltado

Tabla de comparación

Construir tabla con sintaxis Markdown.

Entrada

| Característica | Gratis | Pro |
|---|---|---|
| Usuarios | 5 | Ilimitado |

Salida

Tabla HTML con alineación de columnas

Casos de uso comunes

  • Escribir README de GitHub y documentación
  • Crear posts para generadores de sitios estáticos
  • Tomar notas estructuradas
  • Documentación técnica con ejemplos de código
  • Borradores para foros
  • Contenido para plataformas CMS

Solución de problemas

Tabla no se renderiza correctamente

Solución

Asegúrate de tener separadores pipe (|) y la fila separadora de encabezado.

Bloque de código sin resaltado

Solución

Especifica el lenguaje tras los backticks: ```javascript.

Links o imágenes no se muestran

Solución

Verifica la sintaxis: [texto](url) para links, ![alt](url) para imágenes.

Preguntas frecuentes

¿Qué variantes de Markdown se admiten?

CommonMark estándar más GitHub Flavored Markdown incluyendo tablas y resaltado.

¿Se guarda mi contenido?

Sí, guardado automático cada 5 segundos en localStorage.

¿Qué formatos de exportación hay?

HTML, copiar HTML renderizado al portapapeles, o descargar como .md.

¿Hay atajos de teclado?

Sí: Ctrl/Cmd+B negrita, Ctrl/Cmd+I cursiva, Ctrl/Cmd+K enlace.

¿Puedo usar CSS personalizado para la vista previa?

Actualmente, la vista previa usa el estilo predeterminado de GitHub. El CSS personalizado no es compatible en esta versión.

¿Qué formatos de exportación están disponibles?

Puede exportar como HTML, copiar HTML renderizado al portapapeles, o descargar el Markdown sin procesar como archivo .md.

¿Hay atajos de teclado?

Sí: Ctrl/Cmd+B para negrita, Ctrl/Cmd+I para cursiva, Ctrl/Cmd+K para enlaces, y más. Pase el cursor sobre los botones de la barra de herramientas para ver los atajos.

¿Es privado mi contenido?

Sí, todo el contenido se almacena localmente en su navegador. Nada se envía a ningún servidor ni se comparte con terceros.