Writemark: un componente web sin dependencias para editar Markdown en línea

Fuentes: Show HN: Writemark, a dependency free web component for inline Markdown editing

Writemark es un componente web diseñado para editar Markdown en línea sin necesidad de un editor completo basado en un área de texto. Se incorpora a cualquier página mediante una sola etiqueta, <writemark-editor name="body"></writemark-editor>, y renderiza el marcado mientras se escribe, manteniendo Markdown como valor legible, almacenable y enviable.

La herramienta incluye modos de visualización fuente, dividido y vista previa, además de comandos con barra inclinada, tablas, listas de tareas, bloques de código, soporte nativo de formularios y una API para añadir controles personalizados. Funciona sin dependencias en tiempo de ejecución y no requiere un framework concreto ni una barra de herramientas predefinida.

El proyecto es de código abierto y está publicado en GitHub (Brostoffed/writemark) y npm (writemark-editor). Su autor reconoce que es un desarrollo incipiente: el analizador es artesanal y el componente se concentra en un único archivo JavaScript, por lo que pueden aparecer casos límite sin cubrir. Como red de seguridad, incorpora 951 pruebas automatizadas con Playwright en Chromium, Firefox y WebKit, junto a pruebas con entradas hostiles, fuzzing del sanitizador y pruebas diferenciales frente a la especificación CommonMark.

El autor describe el desarrollo como totalmente "vibecoded" mediante un proceso iterativo de prueba y corrección de errores, y lo distribuye como una pieza lista para integrarse en proyectos que necesiten edición de Markdown ligera y portable.