Show HN: Writemark，一个零依赖的Web组件，用于内联Markdown编辑
摘要
Writemark 是一个无依赖的 Web 组件，用于内联 Markdown 编辑。它支持实时渲染、源码/分屏/预览模式、斜杠命令、表格、任务列表、代码块以及原生表单集成，无需框架或工具栏。
我喜欢写 Markdown，但不喜欢在纯文本区域里写它。
我想要一个能在任何地方使用的东西，只需放入一个 Web 组件就行：
```
<writemark-editor name="body"></writemark-editor>
```
于是就有了 Writemark。
它在你写作时实时渲染 Markdown，但 Markdown 本身仍然是你读取、存储和提交的值。它还有源代码、分屏和预览模式，以及斜杠命令、表格、任务列表、代码块、原生表单支持，以及用于添加自定义控件的 API。没有运行时依赖，也没有必需的框架或内置工具栏。
它完全是用 vibe coding 方式写出来的。整个过程非常迭代。我先搞出一个东西，然后试着用它，发现 bug，修掉，再重复这个循环，直到做出一个我喜欢用它写作、性能也还过得去的版本。
这并非一开始就是一个关于 AI 生成软件的实验——只是不想再用文本区域了。我喜欢 Markdown，我想要一个组件，可以在任何地方使用，而无需引入整个编辑器框架。
它仍然非常年轻。解析器是手写的，组件基本上就是一个大的 JavaScript 文件，我确信还有边缘情况等着被发现。如果你发现一个，我很乐意修复它。
我尝试给它一个像样的安全网。目前在 Chromium、Firefox 和 WebKit 上有 951 个 Playwright 检查，还包括恶意输入案例、清理器模糊测试，以及针对 CommonMark 的差异测试。
我构建它是为了自己使用，但我觉得它变成了一个挺酷的东西。希望你们当中有人会喜欢。我很想听听你的想法，特别是如果你尝试并成功破坏了什么东西的话。
- GitHub：[https://github.com/Brostoffed/writemark](https://github.com/Brostoffed/writemark)
- NPM：[https://www.npmjs.com/package/writemark-editor](https://www.npmjs.com/package/writemark-editor)
查看缓存全文
缓存时间: 2026/07/25 23:12
# Show HN：Writemark —— 一个无依赖的 Web 组件，用于内联 Markdown 编辑 来源：https://news.ycombinator.com/item?id=49051130 我喜欢写 Markdown，但不喜欢在纯文本输入框里写。我希望能有一个组件，只需放入一个 Web 组件就能在任何地方使用： ``` ``` 这就变成了 Writemark。它在你写作时渲染 Markdown，但 Markdown 仍然是你阅读、存储和提交的值。它还有源代码、分屏和预览模式，以及斜杠命令、表格、任务列表、代码块、原生表单支持，以及用于添加自定义控件的 API。没有运行时依赖，没有必需的框架，也没有内置工具栏。它完全是 vibe 编程的产物。这个过程非常迭代。我搞出一个东西，试着用，发现 bug，修复，然后重复这个循环，直到我写出自己喜欢写且性能不错的东西。这并非起初就是关于 AI 生成软件的实验——只是不想再用文本输入框了。我喜欢 Markdown，而且我想要一个组件，能不带整个编辑器框架就在任何地方使用。它仍然非常年轻。解析器是手写的，组件基本上是一个巨大的 JavaScript 文件，我确信还有边缘情况等着被发现。如果你发现一个，我很乐意修复。我试图给它一个不错的安全网。它目前有 951 个 Playwright 检查，涵盖 Chromium、Firefox 和 WebKit，还有恶意输入案例、清理器模糊测试，以及针对 CommonMark 的差分测试。我构建它是为了自己用，但我认为它变成了一件挺酷的东西。希望你们中有些人会喜欢。我很想听听你的想法，特别是如果你试了它并设法弄坏了什么东西。 - GitHub：https://github.com/Brostoffed/writemark - NPM：https://www.npmjs.com/package/writemark-editor
相似文章
面向 LLM 的 Markdown 浏览器
作者介绍了 TextWeb，这是一个开源工具，它将网页渲染为 Markdown 格式供 LLM 处理，而非使用昂贵的大视觉模型，该工具支持命令行界面 (CLI) 和 MCP 服务器。
Show HN：Atomic Editor – 面向 CodeMirror 6 的 Obsidian 风格实时预览
Atomic Editor 为 CodeMirror 6 带来了 Obsidian 风格的实时预览，为开发者提供丰富的所见即所得编辑体验。
Show HN: DOM-docx – 将HTML转换为原生可编辑的Word文档 (MIT)
DOM-docx 是一个开源库，可将语义化的HTML片段转换为原生可编辑的Word文档（OOXML），无需截图或布局破解，支持Node.js和浏览器环境。
@geekbb: 发现一个丝滑的 Markdown 编辑器，专为 AI 聊天上下文管理场景设计。 基于 Tauri + React + TypeScript 构建，跨平台支持 macOS / Windows / Linux。 左侧 CodeMirror 6…
marka.md is a cross-platform Markdown editor specialized for AI context management, built with Tauri, React, and TypeScript. It features live preview, Vim mode, themes, and a context tray to bundle notes for AI chats like Claude, ChatGPT, and Gemini.
自适应 Markdown
自适应 Markdown 是一种开源文档格式/查看器，利用编码智能体使文档具有交互性，为学术阅读、笔记记录和自动化工作流等任务提供实时工作空间。