「如果你用过Jira,把它想象成Issue;用过Obsidian,把它想象成Note。」UnDercontrol的产品文档这样开场——但接下来它做的事,让这两个参照物都显得有点过时。
一个任务管理工具,内置了100+编程语言的代码高亮、实时渲染的Mermaid图表、可交互的表格和清单,还能在所见即所得与原始Markdown之间无缝切换。这不是在功能列表上打勾,是在重新定义「任务」这个核心单元能承载什么。
![]()
一图读懂:UnDercontrol的编辑器架构
先放下那张核心图。整个系统的逻辑可以拆解为三层:
最底层是Tiptap 3——一个开源的富文本编辑器框架。UnDercontrol没有选择自研,而是基于成熟方案构建,这解释了为什么功能迭代能这么快。
中间层是「统一输入表面」的设计哲学。任务描述、笔记、费用备忘、账户注释——所有文本场景共用同一套Markdown编辑器。你在任务里用的代码块、图表、表格,在笔记里完全一致。
最上层是「输入即输出」的实时渲染机制。没有编辑/预览模式切换,光标所在即所见,光标离开即所得。
这种三层架构的巧妙之处在于:它用技术层的统一(Tiptap),支撑了体验层的统一(所有场景一致),最终实现了认知层的统一——用户只需要学会一套操作逻辑。
Markdown的两种人格:你选哪一种?
编辑器提供了双模式切换,这个设计暴露了产品团队的真实用户画像。
默认模式是WYSIWYG(所见即所得)。你可以直接输入Markdown语法,比如打三个#号生成三级标题,或者用反引号包裹代码。编辑器实时识别并渲染,光标移开后格式立即生效。
另一种模式叫Source Mode(源码模式)。点击切换,整个界面变成纯文本编辑区,原始Markdown暴露无遗。适合需要精确控制格式的用户,或者习惯在纯文本中批量操作的老手。
两种模式随时切换,没有保存提示,没有转换延迟。这个细节说明团队里有真正的Markdown重度用户——他们懂那种「有时候想优雅地写,有时候想粗暴地改」的分裂感。
更隐蔽的设计是斜杠菜单。在任意位置输入/,弹出命令面板:插入标题、代码块、表格、Mermaid图表、清单……全程无需鼠标。这对键盘党是刚需,对偶尔使用者是发现惊喜。
代码块:不只是好看,是要能用
支持100+编程语言的语法高亮,从TypeScript、Go到SQL、YAML。这个数字不是虚张声势——它直接用了成熟的语法高亮库,覆盖主流开发场景。
每个代码块带两个控件:语言选择下拉框,一键复制按钮。前者解决「这段代码是什么语言」的识别问题,后者解决「我要把它贴到终端里跑」的实操问题。
文档里的用例很具体:记录API端点、保存有用的shell命令。不是泛泛的「代码片段管理」,是锚定在开发者日常工作流中的具体场景。
这里有个产品判断:UnDercontrol不把代码块当作「富文本的装饰元素」,而是当作「可执行的知识单元」。高亮是为了可读,复制是为了可用,语言选择是为了准确——整个功能链条指向实用性,而非美观性。
Mermaid图表:把架构图变成活文档
如果说代码块是意料之中,Mermaid集成则是差异化信号。
Mermaid是一个用文本语法绘制图表的工具。流程图、时序图、类图、甘特图——写几行类似Markdown的代码,实时生成矢量图形。在UnDercontrol里,插入一个Mermaid代码块,语法写完后立即渲染成图。
支持的图表类型包括:流程图(Flowchart)、时序图(Sequence Diagram)、类图(Class Diagram)、状态图(State Diagram)、实体关系图(ER Diagram)、用户旅程图(User Journey)、甘特图(Gantt)、饼图(Pie Chart)、需求图(Requirement Diagram)、Git图(Gitgraph)、C4架构图(C4Context/C4Container/C4Component/C4Dynamic)、思维导图(Mindmap)、时间线(Timeline)、桑基图(Sankey)、XY图(XYChart)、框图(Block Diagram)。
这个列表长到需要换行。但重点不是数量,是场景覆盖:从产品经理画用户旅程,到架构师画C4模型,到项目经理排甘特图,一个工具全包。
图表查看器支持三个功能:全屏预览、SVG下载、自动暗/亮主题切换。全屏解决复杂图表的浏览问题,下载解决对外分享问题,主题切换解决嵌入不同环境的美观问题——每个功能都对应一个真实的协作痛点。
最有意思的是「活文档」属性。传统架构图画在PPT或Confluence里,代码变了图就过时了。Mermaid图表作为文本存在,可以随代码库版本控制,可以 diff 查看变更,可以嵌入任务描述中与上下文共存。这是把「图」从静态资产变成了动态知识。
表格与清单:被低估的交互细节
表格功能看起来基础,但实现方式透露产品取向。
插入表格后,单元格可直接编辑。右键菜单支持:增删行列、切换表头行、合并单元格。没有弹出复杂的表格编辑器,没有跳转到新界面,所有操作在原地完成。
文档给出的用例也很务实:记录状态码、对比指标、追踪功能矩阵。不是「制作精美报表」,是「快速搭建信息结构」。
任务清单(Checklist)则有一个关键交互:在渲染视图中直接勾选,无需进入编辑模式。这个细节很小,但区分了「只读文档」和「可操作界面」。验收标准、部署检查清单、子任务追踪——这些场景需要频繁切换状态,如果每次勾选都要先点编辑,流畅感就断了。
两个功能的共同点是:降低「结构化信息」的创建门槛。表格让对比和矩阵变得便宜,清单让进度追踪变得便宜。当这些操作足够快,用户就更愿意在任务中沉淀结构化知识,而不是丢一个链接了事。
图片附件的隐形战争
文档在介绍图片功能时,突然切换语气,用了一大段描述「痛苦」:
「如果你用Obsidian管理过带图片的笔记,你可能经历过这种痛苦:图片散落在本地文件夹,移动文件时路径断裂,换设备后附件消失,多设备同步引发无尽冲突。」
这段没有直接讲UnDercontrol的解决方案,而是在建立问题共识。它假设读者是Obsidian用户,或者至少理解基于本地文件的笔记管理的局限。
虽然原文在此处截断,但从上下文可以推断:UnDercontrol选择了云端统一存储的路径。任务作为「核心信息单元」,其所有附件(包括图片)应该与任务本身绑定,而非依赖本地文件系统的路径引用。
这是一个架构层面的选择,而非功能层面的优化。本地文件管理的问题——路径依赖、同步冲突、跨设备失效——根源在于把「内容」和「容器」分离。UnDercontrol把任务当作自包含的信息单元,附件是任务的属性而非外部引用,从根本上规避了这类问题。
产品逻辑:任务作为知识单元
把以上功能串起来,可以看到一个清晰的产品叙事。
传统任务管理工具(Jira为代表)把任务当作「状态流转的载体」:创建→分配→处理→关闭,任务的内容(描述、评论、附件)服务于这个流程。知识沉淀是副产品,往往散落在各个任务的评论区,难以检索和复用。
传统笔记工具(Obsidian为代表)把笔记当作「知识管理的载体」:双向链接、图谱视图、本地优先,但缺乏与「工作流」的紧密集成。笔记是静态的,任务在哪里执行是另一个问题。
UnDercontrol试图占据中间地带:任务既是工作流的单元(有状态、有负责人、有截止日期),也是知识的单元(支持富文本演进、版本积累、完整上下文)。通过Notes机制,任务可以持续记录进度、讨论、决策,「积累成完整的知识语境」。
这不是简单的功能叠加,是对「任务」本质的重新定义。当任务可以内嵌代码、图表、表格、清单,它就不再只是「待办事项」,而是「可执行的知识容器」。
技术选型背后的取舍
选择Tiptap 3作为底层,是一个值得玩味的决定。
Tiptap基于ProseMirror,是开源富文本编辑器中的技术领先者。但「领先」也意味着复杂——ProseMirror的学习曲线陡峭,插件生态虽然丰富,但需要深度定制才能满足产品需求。
UnDercontrol没有隐藏这个选择,反而在文档中明确提及。这是一种信号:我们对编辑体验有高标准,愿意投入技术成本;同时我们也拥抱开源,不重复造轮子。
另一个取舍是Markdown的「纯度」问题。严格意义上的Markdown是轻量级标记语言,不支持表格合并单元格、不支持Mermaid这类扩展语法。UnDercontrol选择了「Markdown风格」而非「Markdown标准」——它用Markdown作为交互层,但底层存储和渲染是富文本逻辑。
这解释了为什么可以有「源码模式」与「所见即所得模式」的切换:两者是同一内容的两种视图,而非两种格式。对纯Markdown原教旨主义者,这可能不够纯粹;对大多数用户,这是可用性与开放性的平衡。
目标用户与竞争边界
从功能设计可以反推目标用户画像:技术团队,尤其是开发者、产品经理、技术写作者。
代码高亮和Mermaid图表是强技术信号。非技术团队很少需要在任务中嵌入shell命令或C4架构图。任务与笔记的融合,也契合技术团队「用文档驱动开发」「把讨论沉淀为知识」的工作习惯。
竞争边界因此变得清晰:不是与Jira比拼企业级工作流(没有提到权限体系、自动化规则、报表),不是与Notion比拼all-in-one(没有提到数据库、视图切换、模板市场),而是在「技术团队的任务+知识管理」这个垂直场景做深。
Obsidian被当作参照物提及,但UnDercontrol的区别在于云端优先、任务状态原生、协作内置。Jira被当作参照物提及,但区别在于内容体验(富文本编辑器 vs 简陋的文本框)和知识沉淀(Notes机制 vs 评论流)。
这是一个经典的「夹缝定位」:比笔记工具更重工作流,比任务工具更重内容体验。风险是两边不讨好,机会是捕获对现有工具都不满意的中间用户。
实用指向:这件事为什么重要
回到开头的问题:一个任务工具把代码和图表塞进编辑器,想抢谁的饭碗?
短期看,它切的是Obsidian用户中「希望笔记能与任务状态联动」的那部分人,以及Jira用户中「受够了简陋编辑器」的那部分人。这两个群体都不小,且付费意愿强。
长期看,它在验证一个假设:知识管理与任务管理的边界正在模糊。当远程协作成为常态,当技术文档需要与代码变更同步,当产品决策需要可追溯的上下文——「任务」作为信息单元,必须承载更丰富的内容形态。
这不是UnDercontrol独有的洞察。Notion的数据库、Linear的循环文档、GitHub Issues的Markdown支持,都在往同一方向探索。但UnDercontrol的选择更激进:把专业级的代码和图表能力,作为基础体验而非高级功能。
如果你正在评估团队工具,可以观察一个指标:你的任务描述能否直接作为技术文档使用?如果不能,说明工具假设「任务」只是流程的节点;如果能,说明工具认同「任务」是知识的载体。这个差异,决定了三年后你的团队知识库是资产还是废墟。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.