从零到一打造面向AI的文档可视化搭建引擎

hello,大家好,我是徐小夕。之前和大家分享了很多可视化零代码前端工程化的最佳实践,今天继续分享一下我开发的文档引擎 Nocode/WEP 的最新更新。

07264a739d6dc38d2125183458430393.png

issue收集:https://github.com/MrXujiang/Nocode-Wep/issues

最新使用地址:http://doc.dooring.vip

往期精彩

聊聊最近的一些更新和规划

c6a1a8d5b9191b04e434d01af1d98b87.png

最近实现的几个比较有亮点的功能:

  • 基于文档自动生成内容站点

  • 支持了Markdown 一键导入和导出

  • 独立了文档编辑器部分(可低成本单独私有化编辑器)

最近有些小伙伴希望我实现 多人协作功能, 我打算下个阶段来实现它, 感兴趣的小伙伴可以关注一下~

同时我打算结合我最近研究的工作流技术 React-Flow, 实现一款多模态的AI生成WEB应用的产品——Flowmix. 后续也会在公众号和大家分享.


React-Flow中文文档: http://react-flow.com

再来复盘一下技术栈

32a61898ce7da7b16423eb73f713f9d4.png

Nocode/WEP 的一个分支是 Nocode/Doc, 它提供一个强大的文档编辑模式,我们可以使用它轻松编辑文档表单网页思维导图表格等,并且支持非常丰富的互动元素,轻松帮助个人或者企业搭建专业的知识 & 品宣库, 并提供数据分析能力。

目前我采用的技术栈如下:

  • nextjs 世界上最流行的前端解决方案之一

  • antd5.0 使用人数最多,高质量的开源组件库

  • chart.js 轻量可扩展的可视化图表库

  • jsonwebtoken 用户鉴权库

  • xijs 面向业务场景的强大的js工具库

  • react-moveable 强大的自由拖拽库

  • form-engine 自研表单引擎

  • doc-editor 自研文档编辑引擎

  • simple-mind-map 开箱即用的思维导图组件

  • yjs 基于CRDT算法的协同框架

  • 通义千问SDK 提供AI能力支持

当然还有很多实用插件,这里就不一一介绍了,感兴趣的朋友可以研究上述我列举的方案,接下来就来和大家分享一下最近的更新。

最近一周的更新内容

1. 数据分析管理页面

02db387f99163e8506d82990d60bbe8a.png

我们可以在这个页面管理自己的文档,设置文档权限,添加知识库等,同时还提供了一个可视化分析面板,我们可以看到自己文档或者文章的流量数据(PV,UV)。

2. 资源社区

58046e1cae58b998dc7d1cd8b52d6975.png

我们可以在这里找到不同的文档模板,大家可以参考模板快速制作一个专业级文档。目前还在持续迭代更新中,也欢迎大家贡献模板(可以展示自己的产品)。

3. 素材库管理

125f678a87947975aca874a5920f8931.png

我们可以在这里管理上传自己的素材,后续可以一键应用到自己的文档中。当然这个模块非常重要,后续我会设计一个非常有意思的模块(和搭建流程绑定的一个功能设计)。

4. AI助手

53437ac29840656f6d07b93ff9735e88.png

Nocode/WEP 内置了阿里的通义千问,我们可以使用它轻松做任何知识的问答,目前免费开放,欢迎大家使用~

5. 支持多人协作编辑文档

00e11813c2993c096d20fe753a0c3666.png

我们编辑好的文档,比如项目管理,项目走查文档, 可以通过分享按钮,一键分享给其他小伙伴,并能共同编辑文档,对于在线办公的小伙伴非常实用~

6. 添加AI创作组件

cc105e798ee56810934c1e8eb4c1273b.png

我们可以在编辑文档的时候使用AI创作,来智能生成文档大纲,内容解析,问答或者代码等。

7. 支持文档内嵌表单(已开放)

261448f9ca8574794b027e11cfa580ee.png

这个功能也是之前热心网友在公众号评论区反馈的,我觉得非常有意思,后续会持续迭代,做一个强大的表单引擎。

8. 支持AI侧边栏(已开放)

f5e9dc9f0e0d6b224993592ee3a58a54.png

大家可以在编辑文档时随时问AI问题, 或者检索信息, 编辑完之后还能一键将文档导出为 DOC, Markdown, JSON等格式, 非常方便.

9. 内置了丰富的图表编辑器

5157bd648050a7bcb8fa5ba52d0d6990.png

我们可以在文档中直接复制粘贴我们制作好的精美图表, 来让文档更具有展现力.

至此,整个文档产品流程已经完全打通,大家可以方向食用,后续我会从技术上,产品功能上做进一步的迭代升级和技术分享,欢迎大家体验反馈~

后期规划

  • 支持数据埋点

  • 支持业务组件库

  • 支持基于Flow流程编排来自动搭建文档

  • 支持基于文档生成AI智能体

如果你有好的建议,也欢迎在评论区和我反馈~

issue收集:https://github.com/MrXujiang/Nocode-Wep/issues

演示地址:http://doc.dooring.vip

更多推荐

  • 17
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值