文档引擎+AI可视化打造下一代文档编辑器

hi，大家好，我是徐小夕 。之前和大家分享了很多我设计的零代码和可视化解决方案，最近也是一直在研究文档引擎 和零代码搭建引擎，今天就来分享一下最新进展。

往期精彩：

上一期和大家分享了文档引擎的基础功能，技术选型，产品设计思路，接下来先来总结一下最新实现的功能进展：

文档支持配置弹幕
支持文章全局评论
支持划线评论
支持关键词注释，批注
支持文章数据统计（访问量，PUV，字数和阅读时间分析）
支持文章自定义赞赏配置
支持json导入导出
支持一键复制内容块
支持无限层级目录

设计 Nocode/Doc 的主要背景是基于我对零代码积累的大量产品技术实践和1万+的用户反馈，希望通过一种更高效简洁的方式来快速构建企业级应用 。文档搭建引擎是一个基础内核，后续2个月内我会通过零代码 + 文档引擎 + AI模型 来研发一款AI + 可视化办公解决方案.

下面我就来和大家介绍一下最新的功能和技术方案设计。

效果演示

静态演示：

动态效果：

1. 支持无限层级目录

对于市面上的知识库产品，支持多级空间目录是非常有必要的，因为这样的设计更利于分类管理。所以我最近也设计了这个功能：

我们可以无限层级的创建目录，并在指定目录下创建文档，同时在右侧会自动渲染知识库的目录思维导图：

目录构建和层级编历大家可以采用了二叉树的遍历算法，比如前序遍历 、中序遍历 和后序遍历，

代码实现参考：

js 复制代码

// 定义二叉树节点类
function Node(value) {
  this.value = value;
  this.left = null;
  this.right = null;
}

// 创建一个示例二叉树
var nodeA = new Node("a");
var nodeB = new Node("b");
var nodeC = new Node("c");
var nodeD = new Node("d");
var nodeE = new Node("e");
var nodeF = new Node("f");
var nodeG = new Node("g");
nodeA.left = nodeB;
nodeA.right = nodeC;
nodeB.left = nodeD;
nodeB.right = nodeE;
nodeC.left = nodeF;
nodeC.right = nodeG;

// 前序遍历：先打印当前节点，再打印左边子树的节点，再打印右边子树的节点
function DLR(root) {
  if (root == null) return;
  console.log(root.value);
  DLR(root.left);
  DLR(root.right);
  DLR(nodeA);
}

// 中序遍历：先打印左边子树的节点，再打印当前节点，再打印右边子树的节点
function LDR(root) {
  if (root == null) return;
  LDR(root.left);
  console.log(root.value);
  LDR(root.right);
  LDR(nodeA);
}

// 后序遍历：先打印左边子树的节点，再打印右边子树的节点，再打印当前节点
function LRD(root) {
  if (root == null) return;
  LRD(root.left);
  LRD(root.right);
  console.log(root.value);
  LRD(nodeA);
}