# Markdown Editor Pro

Editor de Markdown en tiempo real con vista previa, herramientas de formato avanzadas y funciones de exportación.

## 📋 Descripción

Aplicación web para crear, editar y visualizar documentos Markdown con una interfaz dividida que muestra el editor y la vista previa simultáneamente. Ideal para documentación, notas técnicas, blogs y cualquier contenido que requiera formato ligero pero estructurado.

## ✨ Características principales

### 📝 Edición y formato
- **Encabezados**: H1, H2, H3 con atajos de teclado (Ctrl+1/2/3)
- **Formato de texto**: Negrita (Ctrl+B), cursiva (Ctrl+I), tachado, subrayado, resaltado
- **Listas**: Ordenadas, no ordenadas y listas de tareas con checkboxes
- **Elementos avanzados**: Código inline, bloques de código, citas anidadas, tablas
- **Enlaces e imágenes**: Inserción con diálogos
- **Elementos multimedia**: Iframes para incrustar videos o contenido externo

### 🎨 Personalización visual
- **Colores**: Texto coloreado con selector de color
- **Tamaños**: Ajuste de tamaño de fuente (12px-20px)
- **Alineación**: Texto centrado, izquierda o derecha
- **Subíndices y superíndices**: X₂ y X²
- **Modo oscuro**: Alternancia con persistencia
- **Línea horizontal**: Separador visual

### 📊 Funciones de tabla
- Generación de tablas con columnas y filas personalizables
- Renderizado correcto en vista previa y exportación
- Soporte para tablas complejas con múltiples filas

### 🔍 Herramientas adicionales
- **Búsqueda**: Encuentra texto en el documento (Ctrl+F)
- **Contador de palabras**: Estadísticas en tiempo real
- **Historial**: Guarda hasta 50 documentos con preview
- **Importación**: Carga archivos .md existentes
- **Exportación**: Guarda como .md, HTML o genera PDF

### 💾 Gestión de documentos
- **Guardado automático**: Recupera el último documento al abrir
- **Historial persistente**: Guardado en localStorage
- **Nuevo documento**: Reinicia el editor
- **Eliminación individual**: Borra documentos del historial

## 🛠️ Tecnologías utilizadas

- HTML5 / CSS3
- JavaScript (ES6+)
- Markdown personalizado con extensiones:
  - Citas anidadas
  - Colores y tamaños
  - Alineaciones
  - Iframes
  - Listas de tareas

## 📦 Estructura del proyecto

markdown-editor-pro/
├── markdown-editor-pro.html # Aplicación principal
├── README.md # Este archivo
└── LICENSE # Licencia EUPL


## 🚀 Uso

1. Abre `markdown-editor-pro.html` en cualquier navegador moderno
2. Escribe o pega tu contenido Markdown en el panel izquierdo
3. Visualiza el resultado formateado en el panel derecho
4. Usa la barra de herramientas para insertar elementos sin recordar la sintaxis
5. Guarda tu trabajo en el historial o expórtalo al formato deseado

### Atajos de teclado

| Atajo | Acción |
|-------|--------|
| Ctrl+B | Negrita |
| Ctrl+I | Cursiva |
| Ctrl+S | Guardar en historial |
| Ctrl+F | Buscar |
| Ctrl+1 | Encabezado H1 |
| Ctrl+2 | Encabezado H2 |
| Ctrl+3 | Encabezado H3 |

## 📄 Sintaxis Markdown soportada

| Elemento | Sintaxis |
|----------|----------|
| Negrita | `**texto**` |
| Cursiva | `*texto*` |
| Tachado | `~~texto~~` |
| Resaltado | `==texto==` |
| Subíndice | `~texto~` |
| Superíndice | `^texto^` |
| Enlace | `[texto](url)` |
| Imagen | `![alt](url)` |
| Código inline | `` `código` `` |
| Bloque de código | ```` ```código``` ```` |
| Cita anidada | `> > nivel 2` |
| Lista tareas | `- [ ] tarea` |
| Color | `[color=#rrggbb]texto[/color]` |
| Tamaño | `[size=16]texto[/size]` |
| Alineación | `[center]texto[/center]` |
| Iframe | `[iframe ancho alto](url)` |
| Tabla | `\| Encabezado \|` |

## ⚠️ Notas importantes

- Todo el procesamiento es **client-side**: tus datos no salen de tu dispositivo
- El historial se guarda en localStorage (hasta 50 documentos)
- La exportación HTML incluye todos los estilos para visualización correcta
- La exportación PDF se realiza mediante la función de impresión del navegador

## 📄 Licencia

Este proyecto se distribuye bajo la **European Union Public License (EUPL) v1.2**.

Copyright © 2026 Jorge Nieto Ortiz

Consulta el texto completo de la licencia en: [https://joinup.ec.europa.eu/collection/eupl](https://joinup.ec.europa.eu/collection/eupl)

## 🔧 Requisitos del sistema

- Navegador con soporte para:
  - localStorage
  - ES6+
  - HTML5

## 👨‍💻 Autor

**Jorge Nieto Ortiz**

---

*Editor Markdown profesional con enfoque en usabilidad y funcionalidad completa.*