分享一个零依赖的Markdown行内编辑器Writemark

写Markdown最烦的就是对着个纯文本textarea死磕，但很多编辑器框架又太重，引入一个组件得带一堆依赖。Writemark这个Web Component挺有意思，直接丢进HTML就能用，而且它是实时渲染的，但存储和提交的依然是原生的Markdown源码。

最关键的是它完全没有运行时依赖，也不强制绑定任何前端框架，对强迫症非常友好。

具体怎么用很简单，直接在页面里写这个标签就行：

<writemark-editor name="body"></writemark-editor>

我简单试了一下，功能覆盖得比想象中全：

• 模式切换： 支持源码模式、分屏模式和预览模式。
• 输入增强： 带斜杠命令（slash commands），表格、任务列表、代码块都能搞定。
• 原生支持： 直接兼容原生form表单提交。

这玩意儿很有意思的一点是作者说是完全“Vibecoded”出来的，也就是通过极其快速的迭代、试错、修bug循环搞出来的。虽然解析器是手写的，而且目前还是个巨大的JS文件，但作者跑了快一千个Playwright测试，兼容性应该还行。

如果你在做个人项目或者需要一个轻量级的AI Agent输入框，不想被臃肿的编辑器库绑架，可以试试这个。

源码路径：

https://github.com/Brostoffed/writemark

NPM安装：

https://www.npmjs.com/package/writemark-editor