网易首页 > 网易号 > 正文 申请入驻

这个任务工具把代码和图表塞进编辑器,想抢谁的饭碗?

0
分享至

「如果你用过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.

相关推荐
热点推荐
曝钟汉良低调离婚!前妻谢易桦净身出户,关系闹僵直接拖累事业

曝钟汉良低调离婚!前妻谢易桦净身出户,关系闹僵直接拖累事业

八卦王者
2026-04-28 11:27:44
场均21分9板4帽,季后赛第一档超巨!NBA新门面,离冠军越来越近

场均21分9板4帽,季后赛第一档超巨!NBA新门面,离冠军越来越近

老梁体育漫谈
2026-04-30 00:03:37
国家终于看不下去了!2026届毕业生:这波“保姆级”帮扶,我先冲

国家终于看不下去了!2026届毕业生:这波“保姆级”帮扶,我先冲

优墨出品
2026-04-26 06:00:24
两性关系:55-65岁这十年,惜命最好的方式,不是锻炼,做好这6点

两性关系:55-65岁这十年,惜命最好的方式,不是锻炼,做好这6点

三农老历
2026-04-13 17:10:06
蒋介石侍卫长郝柏村晚年称:蒋介石最大错误,就是接受雅尔塔协定

蒋介石侍卫长郝柏村晚年称:蒋介石最大错误,就是接受雅尔塔协定

史之铭
2026-03-20 18:09:13
国民党内部炸锅!卢秀燕被指幕后操盘,郑丽文隔空下“战书”?

国民党内部炸锅!卢秀燕被指幕后操盘,郑丽文隔空下“战书”?

起喜电影
2026-04-29 10:34:08
多名院士调查发现:吃一口放久发酵的腐乳,或等于进一次毒?真假

多名院士调查发现:吃一口放久发酵的腐乳,或等于进一次毒?真假

健康科普365
2026-04-27 16:15:12
严打又回来了?但这次和80年代完全不同,普通人只需记住这3条

严打又回来了?但这次和80年代完全不同,普通人只需记住这3条

小怪吃美食
2026-04-28 00:15:11
出狱后的雷政富沧桑感袭面而来,前后对比引人唏嘘

出狱后的雷政富沧桑感袭面而来,前后对比引人唏嘘

霹雳炮
2026-03-14 22:49:47
中国突然放出话来:以后再也不当那个任劳任怨的冤大头了

中国突然放出话来:以后再也不当那个任劳任怨的冤大头了

阿七说史
2026-03-29 05:30:03
清算终于开始了!一个要求,震动东京:中国要求日本限期内归还

清算终于开始了!一个要求,震动东京:中国要求日本限期内归还

壹知眠羊
2026-01-28 22:03:28
穆帅回归皇马?罗马诺发声,天空体育确认!四大候选成为最大变数

穆帅回归皇马?罗马诺发声,天空体育确认!四大候选成为最大变数

阿晞体育
2026-04-29 07:32:24
罗永浩退出,交个朋友卖不动了

罗永浩退出,交个朋友卖不动了

新浪财经
2026-04-29 19:17:36
为何总有人跟粟裕过不去?离开了陈毅,粟裕还能指挥得动华野吗?

为何总有人跟粟裕过不去?离开了陈毅,粟裕还能指挥得动华野吗?

历史点行
2026-04-27 02:59:55
为何我国会放弃遍地翡翠,富产金丝楠木,价值抵百个香港的江心坡

为何我国会放弃遍地翡翠,富产金丝楠木,价值抵百个香港的江心坡

抽象派大师
2026-04-30 00:17:23
一线民警手握查询权限,却把公民银行卡信息当商品卖

一线民警手握查询权限,却把公民银行卡信息当商品卖

网络易不易
2026-04-27 12:04:17
小宝与王某雷,谁探访花的数量更多?

小宝与王某雷,谁探访花的数量更多?

挪威森林
2026-01-31 12:15:26
福建农林大学换帅!16年老校长卸任,厦大院士掌舵助力冲击双一流

福建农林大学换帅!16年老校长卸任,厦大院士掌舵助力冲击双一流

百家论大学
2026-04-29 18:09:21
4月29日俄乌:俄罗斯在战争的主要目标上都失败了

4月29日俄乌:俄罗斯在战争的主要目标上都失败了

山河路口
2026-04-29 20:00:40
小米12000mAh新机官宣:5月1日,正式开售

小米12000mAh新机官宣:5月1日,正式开售

科技堡垒
2026-04-29 09:43:26
2026-04-30 04:44:49
薛定谔的BUG
薛定谔的BUG
有态度网友ytd
1934文章数 39关注度
往期回顾 全部

科技要闻

今晨庭审纪实|马斯克当庭讲述OpenAI被偷走

头条要闻

伊朗提出先解除封锁 特朗普回应

头条要闻

伊朗提出先解除封锁 特朗普回应

体育要闻

一场九球狂欢,各路神仙批量下凡

娱乐要闻

马頔一句话,孙杨妈妈怒骂节目组2小时

财经要闻

苏州,率先进入牛市

汽车要闻

技术天花板再摸高 全能型的奕境X9首秀

态度原创

数码
教育
亲子
时尚
健康

数码要闻

极米RS30系列投影仪发布,8822-13499元

教育要闻

高考探究:特殊锋面

亲子要闻

青岛配眼镜哪里好,儿童配镜和成人配镜的区别在哪里

夏天穿维希格,原来这么好看

干细胞治烧烫伤能用了么?

无障碍浏览 进入关怀版