# Bienvenidos al Editor Markdown Profesional 🚀

Este es un editor **offline**, elegante y privado diseñado para crear y formatear documentos en tiempo real.

## Características Principales

1. **Compilación Rápida:** Observa el HTML resultante al instante.
2. **Editor Enriquecido:** Utiliza la barra de herramientas superior para insertar tags comunes.
3. **Generación de TOC:** Se genera automáticamente un índice a partir de los encabezados.
4. **Inspección HTML:** Analiza el código resultante en la pestaña de la derecha.

> Todo el procesamiento es local. Tus textos nunca viajan a ningún servidor web.

### Ejemplo de Bloque de Código

```javascript
// Hola Mundo en JS
function saludar(nombre) {
    console.log(`¡Hola, ${nombre}! Bienvenido a Micro Utils.`);
}
saludar('Usuario');
```

### Tabla de Datos

Disfruta de una experiencia de escritura limpia e interactiva.

Código de marcado HTML resultante

Guía de Uso: Escritura Eficiente con Markdown y HTML en Vivo

**Markdown** es un lenguaje de marcado ligero que permite aplicar formato a un texto plano de manera sumamente rápida, intuitiva y legible. Creado por John Gruber en 2004, se ha convertido en el estándar indiscutible para redactores web, programadores y creadores de contenido técnico gracias a su compatibilidad universal y a que evita el uso de interfaces visuales complejas (WYSIWYG) que suelen inyectar código HTML sucio y pesado.

Este **Editor Markdown e Inspección HTML en Vivo** combina la simplicidad de la escritura en texto plano con un potente motor de renderizado local. Podrás estructurar artículos, documentación técnica, READMEs para repositorios de código o notas estructuradas, observando de forma instantánea tanto el aspecto visual final como la estructura limpia del código HTML resultante en pestañas separadas.

¿Cómo sacarle el máximo provecho a este editor?

Escribe o pega tu texto: Comienza a escribir en la sección izquierda del editor. Si no estás familiarizado con la sintaxis, utiliza la barra de herramientas superior para insertar negritas, cursivas, encabezados, listas, citas, código e imágenes.
Atajos de teclado rápidos: Usa los comandos tradicionales del teclado como Ctrl + B para negritas o Ctrl + I para itálicas directamente en la caja de texto del editor.
Tabla de Contenidos Automática (TOC): Al estructurar tu texto con encabezados (`#`, `##`, `###`), el sistema creará un índice dinámico interactivo en la parte superior derecha. Al hacer clic en cualquier sección, el visor se desplazará suavemente hasta ella.
Inspección HTML quirúrgica: Cambia a la pestaña **"Código HTML"** para ver las etiquetas HTML limpias autogeneradas. Es ideal para copiar el marcado directamente a tu sistema gestor de contenidos (CMS) como WordPress o Laravel sin hojas de estilo intrusivas.
Exportación instantánea: Descarga el archivo de texto fuente en formato `.md` o el documento web autónomo completo en `.html` listo para subir a un servidor o enviar por correo electrónico.

Seguridad y Privacidad de Datos

Procesamiento Local Offline: Valoramos tu privacidad intelectual. Todo el parseado sintáctico de Markdown a HTML, el conteo de palabras en tiempo real, el mapa de encabezados de navegación y la exportación de archivos ocurren de manera aislada y local en tu navegador por medio de JavaScript. Ninguna palabra o carácter de tu texto es enviado al servidor, garantizando seguridad absoluta.