---
title: DBV Markdown Reader
date: '2026-08-19 00:00:00 +0200'
url: https://davidbuenov.com/proyectos/dbv-markdown-reader/
---

# DBV Markdown Reader

<div class="fancy-title title-bottom-border">
    <h2>El Reto: La Sobrecarga de Electron para Leer y Editar Markdown</h2>
</div>
<p>Abrir o hacer retoque rápido sobre un archivo <code>.md</code> de pocos kilobytes de documentación técnica, un README de GitHub o notas de estudio no debería requerir entornos pesados como VS Code u Obsidian. Las herramientas basadas en Electron lanzan una instancia completa de Chromium, consumiendo habitualmente más de 300 MB de memoria RAM y tardando varios segundos en iniciar solo para abrir texto plano.</p>

<div class="fancy-title title-bottom-border">
    <h2>La Solución: Arquitectura Nativa v0.11.0 en Rust y Tauri v2</h2>
</div>
<p><strong>DBV Markdown Reader</strong> evoluciona desde un visor puro de solo lectura hasta convertirse en un <strong>lector y editor nativo potente y ligero</strong> (versión v0.11.0). Al combinar el rendimiento de Rust con <strong>Tauri v2</strong> y el motor WebView2 del sistema operativo, el ejecutable completo ocupa apenas 16 MB y consume 20-30 MB de RAM (un 10% de Electron), abriendo cualquier archivo en menos de 200 milisegundos.</p>

<div class="fancy-title title-bottom-border">
    <h2>Novedades y Características Principales (v0.11.0)</h2>
</div>
<ul>
    <li><strong>✏️ Modo Edición Ligera y Vista Dividida en Vivo (Ctrl+E):</strong> Edición minimalista con panel dividido (código en crudo a la izquierda, preview en tiempo real a la derecha) sin añadir librerías pesadas de editores de código (demostrado con benchmark: coste de tamaño +0,06%).</li>
    <li><strong>🔗 Sincronización continua de Scroll a 3 Paneles:</strong> Scrollspy sincronizado en tiempo real entre el panel de Edición, la Previsualización y la Tabla de Contenidos (TOC), con divisores de panel arrastrables y persistentes.</li>
    <li><strong>🛡️ Gestión Inteligente de Conflictos Externos (estilo Bloc de Notas / Notepad++):</strong> Si editas un archivo externamente y no tienes cambios locales, se actualiza automáticamente en los 3 paneles. Si habías modificado el documento localmente, te notifica mediante un aviso de conflicto permitiendo elegir entre <em>"Conservar mis cambios"</em> o <em>"Recargar desde disco"</em>.</li>
    <li><strong>📊 Diagramas Mermaid SVG & Ecuaciones LaTeX KaTeX:</strong> Renderizado automático de diagramas interactivos (con acceso a <em>mermaid.live</em>) y notación matemática científica KaTeX ($...$ y $$...$$).</li>
    <li><strong>🎨 Temas Adaptativos y Resaltado Real:</strong> Modos Claro, Oscuro y Sepia con resaltado de sintaxis para 24 lenguajes, adaptación de contraste por tema y números de línea.</li>
    <li><strong>📌 Modo "Always on Top" y GFM:</strong> Fijación de ventana siempre encima, soporte de listas de tareas (task lists) y notas al pie.</li>
    <li><strong>🔒 Sanitización Anti-XSS con DOMPurify:</strong> Filtrado estricto del HTML embebido, aplicado en el frontend sobre el HTML ya renderizado.</li>
</ul>

<div class="fancy-title title-bottom-border">
    <h2>Vídeo de Demostración y Presentación</h2>
</div>
<p>Puedes ver a continuación el vídeo explicativo y demostración en vivo de la aplicación:</p>
<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>

<div class="fancy-title title-bottom-border">
    <h2>Impacto y Distribución Multiplataforma</h2>
</div>
<p>El proyecto es de código abierto (MIT) en GitHub, cuenta con releases nativos para Windows, Linux (.deb, .AppImage) y macOS (.dmg universal), se distribuye oficialmente en la <strong>Microsoft Store</strong> y se presenta como un candidato natural a integrarse en <strong>Microsoft PowerToys</strong>.</p>