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

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

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

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

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

体验地址:http://wep.turntip.cn/design/doc?id=d1711853506463&uid=wep_251711700015023。

功能介绍

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

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

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

插入表格

插入图表

编辑图表数据:

插入网页

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

插入视频

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

插入第三方网页

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

插入数学公式

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

责任编辑:姜华 来源: 趣谈前端
相关推荐

2021-12-30 11:30:13

人工智能机器学习技术

2021-11-04 08:06:47

代码编排平台

2020-06-05 14:43:25

零代码平台企业软件代码

2020-06-05 14:48:11

零代码低代码开发

2022-04-08 10:31:28

美团代码建设

2021-11-29 17:29:14

帆软智数大会

2022-06-30 07:48:06

Dooring低代码零代码

2020-06-05 10:30:01

零代码平台软件数据库

2023-06-07 07:23:09

Dooring专业版开发神器

2020-06-18 14:20:52

零代码开发明道云

2021-10-18 07:51:38

零代码平台思路

2024-02-21 08:07:10

业务json面板

2009-11-30 13:17:23

Visual Stud

2023-02-13 13:45:57

GitHub搜素

2015-09-21 15:35:18

诸葛io

2015-09-17 18:53:17

诸葛io

2020-07-16 09:14:05

零代码代码开发

2023-03-31 08:25:08

零代码开源项目

2019-08-15 10:02:43

GitHub代码开发者
点赞
收藏

51CTO技术栈公众号