用零代码的思维设计文档编辑引擎

嗨,大家好,我是徐小夕。之前和大家分享了很多零代码,可视化相关的最佳实践,最近也花了很多实践研究文档引擎,接下来就和大家分享一下最近的研究成果。

大家看到的就是我做的文档编辑引擎,类似于飞书文档和钉钉文档,我们可以使用它轻松编写文档,并能随意调整文档元素的顺序。

这一方案实现依赖于 block 的设计思想,我们可以把文档想象成一个个由块组成的内容,每一个块都能共享编辑器对应的能力,并且可以分治管理。

体验地址:文档案例入口

功能介绍

由于我之前研究了并开发了很多零代码产品,所以基于零代码的设计思想,将文档编写进行了进一步的升级,支持如下功能:

  • 支持插入互动组件(如点赞,关注,赞赏,弹幕等)
  • 支持嵌入丰富组件物料(图表,思维导图,网页,视频等)
  • 支持自定义文档元素 / 组件
  • 支持文档大纲自动生成

接下来我演示一下部分功能:

插入表格

插入图表

编辑图表数据:

插入网页

我们铜过输入链接可以自动生成网页的信息, 这块采用类似爬虫的技术来实现对网址的解析。

插入视频

我们可以输入视频网址来一键渲染视频:

插入第三方网页

我们可以在自己的文档里内嵌一个第三方网址,并能提供相关的服务。

插入数学公式

我们可以通过可视化的方式来编写高级数学公式,比如微积分,三角函数,矩阵变换等,而无需懂 Latex 语法。

当然还有很多功能,大家也可以体验反馈。

目前我会在10号晚上上线内测,大家也可以随时提出优化建议。

后期规划

  • 思维导图
  • 批注
  • 多人协同
  • AI能力
  • 文档组件库

体验地址:文档案例入口

更多推荐

可视化表单&试卷搭建平台技术详解

爆肝1000小时, Dooring零代码搭建平台3.5正式上线

相关推荐
ai产品老杨几秒前
【架构深研】如何构建兼容X86/ARM与异构算力的AI视频中台?基于GB28181与边缘计算的源码交付实践
arm开发·人工智能·架构
Wenzar_13 分钟前
# D3.js实战进阶:从基础图表到交互式数据仪表盘的全流程构建在现代前端开发中,**数据可视化已成为提升用户体验的核心能力之一
java·javascript·python·信息可视化·ux
燐妤16 分钟前
前端HTML编程2:深入学习表单与表格
前端·学习·html5
菜鸟小码16 分钟前
MapReduce 编程模型详解:Mapper、Reducer、Driver 三大核心组件
大数据·javascript·mapreduce
朝阳3920 分钟前
react【实战】首页 -- 响应式导航栏(含带联动动画的搜索框)
前端·react.js·前端框架
贾铭34 分钟前
如何实现一个网页版的剪映(五)如何跳转到视频某一帧
前端·后端
jiangbo_dev35 分钟前
.NET 微服务监控避坑指南:告别盲翻日志,10 分钟搞定 OpenTelemetry 全链路追踪
架构
林恒smileZAZ38 分钟前
CSS 滚动驱动动画(scroll-timeline):无 JS 实现滚动特效
前端·javascript·css
俺不会敲代码啊啊啊38 分钟前
el-table实现行拖拽(包含展开项)
前端·vue.js·typescript
LIO38 分钟前
React Router 极简指南(v6+)
前端·react.js