DBV Markdown Reader v0.13.1: el salto a un entorno completo de lectura y edición Markdown (árbol de archivos, barra de formato y cero coste de RAM)

¿Alguna vez te has parado a pensar en cuántos recursos consume tu ordenador solo para mostrarte o dejarte hacer retoques sencillos en un archivo de texto plano?

David Bueno Vallejo David Bueno Vallejo
#markdown #rust #tauri #modo-edicion

¿Alguna vez te has parado a pensar en cuántos recursos consume tu ordenador solo para mostrarte o dejarte hacer retoques sencillos en un archivo de texto plano?

Si trabajas en tecnología, programación o docencia, es probable que tu día a día esté repleto de archivos Markdown (.md): desde el README.md de un repositorio en GitHub, pasando por notas de proyectos o documentación técnica de APIs. Sin embargo, cuando haces doble clic en uno de estos archivos, la realidad suele ser una de estas dos:

  1. Se abre el Bloc de Notas de Windows o un editor básico, rápido pero sin renderizado visual (sin negritas, sin tablas, sin diagramas Mermaid, sin resaltar código).
  2. Se abre un entorno pesado basado en Electron como VS Code, Obsidian o Logseq, lo que significa arrancar una instancia completa del navegador Chromium y Node.js. ¿El resultado? Un consumo de más de 300 MB de memoria RAM y varios segundos de espera solo para leer o corregir un texto de 2 KB.

De esa frustración nació DBV Markdown Reader. Lo que comenzó como un visor nativo ultra-ligero en Rust y Tauri v2 ha evolucionado rápidamente hasta su versión v0.13.1: convirtiéndose en un entorno nativo completo de lectura y edición sin perder un solo milisegundo de velocidad ni engordar la aplicación.


🚀 La evolución a la v0.13.1: Modo Edición, Árbol de Archivos y Barra de Formato

Muchos visores de solo lectura terminan obligándote a cerrar la app y abrir VS Code en cuanto quieres corregir una errata, explorar una carpeta o añadir una sección. Por otro lado, incluir un editor pesado como Monaco (el motor de VS Code) habría triplicado el tamaño del ejecutable y arruinado la filosofía del proyecto.

La solución en DBV Markdown Reader fue reutilizar un <textarea> plano y el mismo pipeline optimizado de renderizado (markdown-it) y sanitización (DOMPurify) que ya existía, enriqueciéndolo progresivamente:

  • ✏️ Panel Dividido y Vista en Vivo (Ctrl/Cmd+E): Código Markdown a la izquierda y la vista renderizada en tiempo real a la derecha con debounce optimizado.
  • 🛠️ Barra de Formato (16 acciones) e Indentación Inteligente: Barra flotante para dar formato con un clic (negrita, cursiva, listas, tablas, enlaces…) con atajos Ctrl/Cmd+B / Ctrl/Cmd+I y soporte completo de Tab y Shift+Tab para indentar listas sin salir del editor.
  • 📂 Explorador de Árbol de Directorios y Quick Open (Ctrl/Cmd+K): Pestaña “Archivos” con árbol expandible de la carpeta actual, apertura en nueva ventana con Ctrl+clic, posibilidad de arrastrar carpetas para fijar la raíz y diálogo flotante Quick Open para saltar entre notas al instante.
  • 🔗 Sincronización a 3 Paneles (Editor ↔ Preview ↔ Tabla de Contenidos): Al desplazarte por el código, la previsualización y el índice lateral (TOC) siguen la misma posición mediante interpolación inteligente de encabezados. Los divisores entre paneles son arrastrables y recuerdan su tamaño.
  • 💬 Alertas y Callouts estilo GitHub: Soporte nativo para bloques > [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] y [!CAUTION] con iconos y colores integrados en cada tema visual.
  • 🛡️ Gestión Inteligente de Conflictos y Guardián Anti-Pérdida de Datos:
    • Si no has hecho cambios locales y el archivo se modifica desde otro programa externo, se actualiza automáticamente en los 3 paneles (Modo Espejo).
    • Si habías modificado el documento localmente y se detecta un cambio externo, la app te avisa mediante un modal/franja de conflicto permitiéndote elegir entre “Conservar mis cambios” o “Recargar desde disco”.
    • Indicador de “Modificado” en la cabecera y diálogo de confirmación antes de descartar cambios sin guardar.

Comparativa de Eficiencia y Consumo de Memoria


📊 Benchmark oficial: ¿Cuánto cuesta añadir el Modo Edición y el Árbol?

Una pregunta clave en cualquier desarrollo es si añadir características nuevas perjudica el rendimiento. Para comprobarlo, ejecutamos un benchmark reproducible (scripts/benchmark.ps1) comparando la versión inicial de solo lectura frente a las versiones completas:

Medición v0.10.0 (solo lectura) v0.13.1 (+ Editor, Árbol y Formato) Diferencia
Tamaño ejecutable (.exe) 16,35 MB 16,36 MB +0,06 % (insignificante)
Consumo de Memoria RAM ~20 - 30 MB ~20 - 30 MB Inalterado (dentro de ruido)
Tiempo de apertura < 200 ms < 200 ms Instantáneo

🎨 Todo lo que incluye DBV Markdown Reader

Además de las herramientas de edición y exploración, la aplicación reúne un arsenal de características para la productividad técnica:

  1. Diagramas Mermaid SVG interactivos: Los diagramas de secuencia, flujo o arquitectura se renderizan como gráficos vectoriales SVG, con botón para abrir en mermaid.live.
  2. Ecuaciones Matemáticas con KaTeX: Notación LaTeX ($…$ y \(...\)) procesada al instante.
  3. Resaltado de sintaxis real: +24 lenguajes de programación con colores adaptados a tres temas de lectura (Claro, Oscuro y Sepia) y números de línea.
  4. Soporte GFM: Checkboxes de tareas (- [ ]/- [x]) y notas al pie ([^1]).
  5. 📁 20 Plantillas Markdown Bilingües (ES/EN): Colección de plantillas listas para usar en proyectos de software, docencia universitaria, seguimiento de TFG, actas de reuniones y gestión personal.
  6. Modo “Always on Top”: Botón en la barra superior para fijar la ventana por encima de otras aplicaciones.
  7. Sanitización Anti-XSS con DOMPurify: Filtrado estricto de cualquier HTML embebido en el Markdown, aplicado sobre el HTML ya renderizado en el frontend.

Renderizado de diagramas Mermaid en DBV Markdown Reader


🏬 Publicación en Microsoft Store, Uptodown (macOS), Linux y PowerToys

El proyecto es 100% Open Source (licencia MIT) y cuenta con distribución multiplataforma oficial:

  • 🏬 Microsoft Store: Publicado y certificado oficialmente para Windows 11 (sin avisos de SmartScreen, auto-actualizable).
  • 🍏 Uptodown (macOS): Publicado oficialmente en el catálogo de Uptodown con .dmg universal (Intel / Apple Silicon).
  • 🐧 Linux: Paquetes nativos .deb y .AppImage generados por CI.
  • 💡 Candidato a Microsoft PowerToys: Debido a su ligereza e integración transparente con el sistema operativo, se posiciona como una propuesta natural para la suite PowerToys.

📹 Vídeo de Demostración en YouTube

Si quieres ver la herramienta en funcionamiento, la fluidez del renderizado y el cambio dinámico entre temas visuales, aquí tienes la presentación en vídeo:


📥 Pruébalo y descarga la aplicación

DBV Markdown Reader es 100% gratuito, libre de publicidad, sin telemetría ni cuentas de usuario.

¿Has probado a navegar y editar tus notas Markdown en vista dividida y árbol de directorios? ¡Estaré encantado de conocer tus impresiones o sugerencias en GitHub!

David Bueno Vallejo

David Bueno Vallejo

Doctor en Informática, CIO y Profesor Asociado en la Universidad de Málaga. Apasionado de la IA agéntica, la docencia y la ingeniería de software.

Comentarios y Debate

Abrir chat con Victoria