有道云笔记跨平台富文本编辑器的技术演进

使用过有道云笔记的读者会发现,该 App 在 Windows、mac OS、桌面浏览器(WebKit 内核)、 iOS、Android 等终端提供了富文本编辑能力。在不同终端实现基本一致的编辑能力,这是如何做到的呢?

跨平台架构设计

这必须从有道云笔记富文本编辑器的基本架构说起。

有道云笔记跨平台富文本编辑器的技术演进_第1张图片

图1 有道云笔记编辑器跨平台架构设计

有道云笔记编辑器使用了前端技术构建编辑器的核心,并运行在特定的宿主环境(Native App 提供的浏览器环境)中。在不同平台,浏览器环境不一样,以下是有不同平台中使用的浏览器环境。

表1 有道云笔记编辑器的宿主环境

有道云笔记跨平台富文本编辑器的技术演进_第2张图片

在 Windows 平台的客户端中,使用了 CEF(Chromium Embedded Framework)提供浏览器环境。CEF 是一个基于 Chromium 内核的开源项目,跨 Windows/Mac/Linux 桌面平台,性能好,支持 HTML5/CSS3 等新特性。

在 Android 4.0+中,有道云笔记使用了 CrossWalk 提供浏览器环境。CrossWalk 是 Intel 的一个开源项目,目的是为 Android 系统提供一个一致的性能强劲

你可能感兴趣的:(有道云笔记跨平台富文本编辑器的技术演进)