????本文为蚂蚁集团语雀自研编辑器技术负责人遇春在语雀大会上的演讲。大家好,我我叫遇春,接下来由我给大家分享语雀自主研发的编辑器。在这之前组委会跟我说要分享一下编辑器里面一些技术先进的地方,我就仔细思考这个问题,究竟语雀编辑器中什么技术是先进的。在我看来。技术本身其实不存在所谓的先进技术或者是落后的技术。技术的目的就是为了解决问题,可能会有新旧之分,但是语雀团队又不是一个特别追求新技术的一个团队,所以可能接下来我的分享中主要是针对我们所遇到的具体问题,然后怎么样找解决方案。从问题本身来说,每一个产品他遇到的问题都不一样,所以很难对比说我们的技术就很先进。所以接下来的分享,我们来看看我们语雀编辑器遇到了什么样的问题以及技术上的思考。先从这一句话开始。文有汝心出,笔墨语雀来。这一句是语雀最早的slogan。我们希望当你打开语雀编辑器的时候,能够沉浸在一种平静而又愉悦的创作心流当中。不管你是要写一个周报或者是写个小说,或者旅游回来写一篇游记。我们都希望这个过程是一种享受。当你想要插入一个流程图或者是插一个数据报表,或者想要插一个视频,我们都希望在语雀编辑器当中都能够随手拈来,一气呵成。这就是语雀编辑器所要追求的一个方向。接下来,我的分享会包含这几个部分Part1.语雀编辑器的家族介绍七兄弟先给大家放一张全家福,这是语雀所有编辑器的一个全家福,我们根据时间给大家做了一个排行,老大、老二、老三、老四、老五、老六、老七。
文档编辑器
先从老大文档编辑器开始,能力比较强,人比较老实,然后也肯吃苦,里里外外全靠他,脏活累活全包。可以说有内容输入的地方就有他的身影。我们可以看到包括语雀小记,各种评论区都是他来负责的,基本上可以说没有他就没有这个家。目录编辑器
老二目录编辑器,可能大家比较惊讶,这也是个编辑器吗?对的,这是一个如假包换的编辑器。因为早年出去读书,然后常年在外不怎么回家,所以大家都不认识他。大学的时候,在图书馆里做过勤工俭学,在分类整理这一块,可是一个一等一的高手。所以这几年回家来打理家务,家里的资料、文件,经他这么一手,把你整理的井井有条。工作表/数据表
老三工作表,这个哥们天生喜欢数学。家里所有的水费、电费、煤气费,各种吃穿用度,所有的收入开支交给他,保证给你管理的妥妥的。后来他发现自己忙不过来,又有了老七,老七是我们的数据表,数据表就和现在的小孩子一样,天生的互联网的原住民,他比较喜欢收集数据,他在收集数据这块也是有一手,凭着这一手绝活,将来定是前途无量的。所以和数据有关的事情交给他们,稳!思维图,流程图和演示文稿
老四老五老六,思维图,流程图和演示文稿,他们是个三胞胎,出生的时候日子过得比较好,营养跟得上,牛奶、鸡蛋每天伺候着,身板硬了心气儿就高,对吧?在图形领域可真是没有怕过谁,不是今天要干翻这个,就是明天要放平那个,正可谓是初生牛犊不怕虎,立志闯出一片天。七个编辑器,七兄弟齐心协力为大家服务。那么重点来了:所有的语雀编辑器的所有功能,对所有的用户,不管你是付费的还是免费的,一视同仁,所有的功能都向大家免费开放。四版本好的,这么多编辑器肯定说不完。我们接下来挑一些有故事的说,先从文档编辑器说起。一句话介绍,简约而不简单,包罗万象,普惠大众,语雀文档编辑器经历了四个版本,每一个版本也都给我们留下了一些非常宝贵的特性。1.0
从1.0开始,我们是一个Markdown编辑器,熟悉Markdown语法的同学都知道。我们可以通过输入一些非常简单的字符,然后实现一些清晰的文档结构。标题,列表,引用等等,非常有利于阅读。这也让我们意识到文档的美,美在结构。而这种快捷输入的能力在我们1.0的时候就已经具备并且延续了下来。2.0
2.0我们进入了富文本时代,富文本时代给我们带来了更加丰富的样式,让我们可以更尽情的发挥。而且富文本编辑器还给我们带来了一个新的编辑模式,叫做“所见即所得”。你所编辑的就是你看到的,不再需要你反复去预览,这样可以大大的提升了你的编辑效率。3.0
3.0时代,我们完全进入自研的时代,也就是大家近2年多一直在使用的编辑器,我们发现我们还需要在文档里插入一些特殊格式的数据,比如说一个日历,比如说一个投票,比如说一个代码块,这样的一个复杂的数据格式,我们需要能够满足,我们引入了卡片模型,卡片模型让语雀整个编辑器变得更加开放,更加具有连接能力。借助这个能力,我们可以连接互联网,比如说你插入一个网页进来也是可以的,我们也可以在语雀内部去做一些连接,不同的文档之间也可以相互引入,原文档编辑后,引入的文档也会自动更新。然后,3.0还给我们带来一个另一个能力,就是多人协同,多人协同让我们语雀编辑器真正的实现了多人同时编辑,成为知识协作的一个工具。4.0
今天,我们进入4.0时代,4.0编辑器刚刚发布上线,大家可能够直观感受到就是我们的文档表格已经可以多人同时编辑了。经过了半年的研发,我们底层做了一个很大的升级,在架构上也具有更好的灵活性和拓展性。大家知道我们的评论区里面有很多用户给我们提的建议,还有一些问题。虽然不是每个建议我们都能够采纳,但是4.0时代我们会给大家呈现更多的精彩,让我们敬请期待。当然刚刚上线难免会有一些问题,一些用户在讨论区里面说我们的有一些交互变了。虽然这些交互的变化也是经过了我们的一些思考的,但总有不到的地方,我们希望大家不断的给我们提意见。鲜花和鸡蛋我觉得都会让我们变得更好。Part2.编辑器成长故事接下来我给大家介绍一下语雀编辑器的成长故事。就像刚才所说,其实语雀就是在用户给我们不断的吐槽,给我们不断提建议的一个环境下长大的。那接下来的三个故事,让我们慢慢来看。故事1.实时协同先从第一个故事:实时协同。在我们语雀商业化第一年的时候,其实我们是不具备这样的一个能力的,我们当时是从我们自己的工作场景中观察,发现多个人同时编辑一篇文档的场景很少,偶尔会用到,频率也很低。但是当时整个市场上对于这个功能是非常