Nocode/Doc,可视化+ 零代码打造下一代文件编辑器

💡 原文中文,约1300字,阅读约需3分钟。
📝

内容提要

徐小夕分享了可视化文档引擎Nocode/Doc的最新内容和技术理念,支持思维导图编辑、内嵌白板展示原型、设计稿等效果、内容分享权限设置和内嵌表单问卷收集数据。技术实现采用Nextjs + React和Ant Design等,性能体验良好,渲染速度快。后期规划包括反馈和内测。

🔎

延伸解读

文档内嵌思维导图与白板:提升内容表达力

Nocode/Doc 在文档中直接支持思维导图编辑和内嵌白板,用户可以在文档内绘制思维导图、展示原型和设计稿。这类似于飞书、钉钉文档的体验,但作者强调后期会与更多系统场景打通,实现业务级别的动态渲染。对于产品经理和设计师,这意味着可以在同一文档中完成思路梳理和原型展示,减少工具切换。

权限与表单:文档作为数据收集与知识付费载体

Nocode/Doc 提供仅自己可见、公开和密码访问三种权限设置,并支持内嵌表单问卷(与橙子试卷打通)来收集数据。这种组合让文档不仅能展示内容,还能作为信息收集工具,甚至实现知识付费的配置模式。对于需要收集反馈或进行内容变现的创作者,这提供了一种轻量级的解决方案。

技术栈与性能:Nextjs + React 实现快速渲染

Nocode/Doc 采用 Nextjs + React 和 Ant Design 5.0 构建,并包含作者自研的原生 JS 可视化组件。在 1 万字长文档的测试中,渲染速度基本在 1-3 秒内打开,与飞书、钉钉文档相比表现良好。这表明该引擎在性能上具有一定优势,适合对打开速度有要求的场景。

当前阶段与规划:内测中,后续将分享技术细节

Nocode/Doc 目前处于内测阶段,作者欢迎用户反馈优化建议和 bug。后期规划包括与更多系统场景打通、实现业务级动态渲染,并在产品稳定后分享底层技术方案。对于关注零代码和可视化文档的开发者,可以关注后续的技术分享,了解实现细节。

❓

Q&A

Nocode/Doc的核心功能有哪些?

Nocode/Doc支持思维导图编辑、内嵌白板展示原型、内容分享权限设置和内嵌表单问卷收集数据。

Nocode/Doc的技术实现使用了哪些技术?

Nocode/Doc采用Nextjs + React和Ant Design等技术实现。

Nocode/Doc的性能体验如何?

在相同文档内容下,Nocode/Doc的渲染速度非常快,基本在1-3秒内能打开。

Nocode/Doc的内容分享权限设置有哪些选项?

内容分享权限设置包括仅自己可见、公开和密码访问。

Nocode/Doc如何收集文档数据?

Nocode/Doc内嵌表单问卷功能,可以直接在文档中收集信息。

Nocode/Doc未来有什么规划?

后期规划包括用户反馈和内测,欢迎用户提出优化建议。

🏷️

标签

➡️

继续阅读