可视化文档引擎全面更新，解锁文档新玩法

文档知识库工具一直有个核心矛盾：既要灵活编辑，又要结构清晰，还得能承载富媒体内容。市面上不少方案要么偏重低代码配置，要么在文档编排上束手束脚。而 Nocode/WEP 的定位很明确——把零代码的设计思想与文档引擎结合，打造一套真正意义上的多模态文档系统。

Nocode/WEP 基本介绍

Nocode/WEP 将零代码设计思想与文档引擎模式深度融合，落地为一套多模态文档系统。借助它，可以快速实现：

• 图/文/音/视频融合的文档内容

• 个人/企业知识库

• AI辅助创作

• 多组态的富文档展现
  （插件方式集成任何web组件）

• 内容 + 动态信息流接入的文档应用

• 文档交互反馈能力

设计这套系统的初衷，源于对现有文档知识库工具的深度反思。团队采用前端最前沿的设计思想与技术来实现 Nocode/WEP 文档搭建引擎。接下来聊聊最近一周的功能更新，以及几个有意思的功能点，相信能带来不少启发。产品会以

的节奏快速迭代。

更新内容

• 文档支持内嵌自定义表单
• 文档数据格式统一 & 优化
• 文档集成代码编辑器
• 文档支持音频组件
• 文本支持内联样式配置
• 文档支持信息流卡片

下面逐一介绍这些功能及其技术实现。

技术栈

当前采用的技术栈如下：

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

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

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

• jsonwebtoken
  用户鉴权库

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

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

• form-engine
  自研表单引擎

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

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

• mathlive
  数学公式编辑组件

• remark
  markdown转换解析库

• codemirror
  代码编辑器

• nocode/event
  自研文档事件通信池

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

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

除了这些，还有不少实用插件。感兴趣的可以研究上述方案，后续会有专题分享具体技术实现。

功能亮点介绍

下面重点聊聊最近更新中比较有亮点的几个功能。

1. 内嵌自定义表单

文档中直接搭建自定义表单，用于问卷或信息收集，并且可以在专门的表单收集页面查看数据详情：

2. 内嵌音视频播放器

从

或中选择插入文档，阅读体验更生动。当然也支持内嵌第三方视频。

3. 内嵌代码编辑器

早期实现的代码编辑器样式和语言支持都比较单一，最近做了重构。现在支持 30+ 种常用编程语言，并带代码高亮，技术文档编写体验直线提升。

4. 内嵌信息流卡片

传统文档很难想象能内嵌自定义组件，但在当前架构下，已完全支持集成

，并能与业务数据对接。信息流卡片一个很关键的场景是链接企业数据（比如商品列表），。

5. 内嵌数据图表

用户一键集成图表，编辑数据实时渲染，还能切换图表类型：

后期规划

团队正把所有复盘总结全面迁移到 Nocode/WEP 知识库中。下面是目前的规划蓝图：

未来还有 100+ 功能迭代和设计，持续分享，让 Nocode/WEP 成为最好用的

产品。