---
title: 'DBV Markdown Reader v0.11.0: el salto de solo lectura a un editor con sincronización
  a 3 paneles (y cero coste de RAM)'
date: '2026-08-19 00:00:00 +0200'
url: https://davidbuenov.com/herramientas/proyectos/2026/08/19/dbv-markdown-reader-del-concepto-en-rust-a-la-microsoft-store.html
---

# DBV Markdown Reader v0.11.0: el salto de solo lectura a un editor con sincronización a 3 paneles (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? 

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 en Windows, la realidad suele ser una de estas dos:

1. Se abre el **Bloc de Notas de Windows**, 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 dado un salto decisivo en su versión **v0.11.0**: la incorporación de un **Modo Edición Ligera sin perder un solo milisegundo de velocidad ni engordar la aplicación**.

---

## 🚀 La evolución a la v0.11.0: Modo Edición Ligera y Vista Dividida en Vivo

Muchos visores de solo lectura terminan obligándote a cerrar la app y abrir VS Code en cuanto quieres corregir una errata 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 la **v0.11.0** fue utilizar un `<textarea>` plano reutilizando exactamente el mismo pipeline de renderizado (`markdown-it`) y sanitización (`DOMPurify`) que ya existía:

* **✏️ Panel Dividido (Ctrl+E):** Código Markdown a la izquierda y la vista renderizada en tiempo real a la derecha (con un debounce de renderizado optimizado).
* **🔗 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 totalmente arrastrables y recuerdan su tamaño.
* **🛡️ Gestión Inteligente de Conflictos (estilo Bloc de Notas / Notepad++):** 
  - 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"*.

![Comparativa de Eficiencia y Consumo de Memoria](/images/dbv/blog/dbv-md-reader/comparacioneficiencia.png)

---

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

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 `v0.10.0` (de solo lectura) frente a la `v0.11.0` (con editor, 3 paneles y gestión de conflictos):

| Medición | v0.10.0 (solo lectura) | v0.11.0 (+ Modo Edición) | 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 novedades de edición de la v0.11.0, 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. **Modo "Always on Top":** Botón en la barra superior para fijar la ventana por encima de otras aplicaciones.
6. **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](/images/dbv/blog/dbv-md-reader/mermaid.png)

---

## 🏬 Publicación en Microsoft Store, macOS, Linux y PowerToys

El proyecto es 100% Open Source (licencia MIT) y cuenta con distribución multiplataforma:
* 🏬 **Microsoft Store:** Publicado y certificado oficialmente para Windows 11 (sin avisos de SmartScreen, auto-actualizable).
* 🍏 **macOS:** Soporte nativo con menú de aplicación (⌘O, ⌘P) y build universal Intel/Apple Silicon.
* 🐧 **Linux:** Paquetes nativos `.deb` y `.AppImage`.
* 💡 **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:

<div class="fluid-width-video-wrapper mb-4" style="padding-top: 56.25%; position: relative; width: 100%;">
    <iframe src="https://www.youtube-nocookie.com/embed/dZ8KrU35LQ4" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

---

## 📥 Pruébalo y descarga la aplicación

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

* 🏬 **[Consíguelo en la Microsoft Store](https://apps.microsoft.com/detail/9n7bmdzgcp0s)** (Recomendado para Windows 11)
* 💻 **[Descarga la versión v0.11.0 (.exe, .deb, .AppImage, .dmg) en GitHub](https://github.com/davidbuenov/dbv-md-reader/releases)**
* 🌟 **[Explora el código fuente y apoya el proyecto en GitHub](https://github.com/davidbuenov/dbv-md-reader)**
* 📁 **[Ver la ficha completa del proyecto en davidbuenov.com](/proyectos/dbv-markdown-reader/)**

¿Has probado a editar tus notas en vista dividida de 3 paneles? ¡Estaré encantado de conocer tus impresiones o sugerencias en GitHub!