javascript - 像 Google Docs 这样的 JavaScript 布局引擎？

Question

是否存在用于在 Google Docs 中布局文本的 JavaScript 布局引擎？我知道 Google Docs 做了一些疯狂的事情来让事情正常工作（完全避开类似designMode的contentEditable事情，Microsoft Office Online 也做了类似的事情）。

Answer 1

这些都不是您正在寻找的，尽管它们可能对特定目的有好处：

• Surface是来自 Surface.io 的“基于 Web 的文本编辑器的构建块......旨在成为语义富文本编辑的可扩展低级界面”

• 当前最先进的源代码编辑器是ACE

Answer 2

Ritzy是一个新的开源富文本编辑器，它包含一个自定义的 javascript 界面和布局引擎，就像 Google Docs 一样。

它基于Facebook React和SwarmJS，主要用于嵌入应用程序以支持实时协作的富文本输入。

据我所知，这是该技术的第一个开源实现。请注意，这是相当新的，还没有看到任何真实世界的测试/使用，所以有一些已知的错误，可能还有很多未知的错误。

免责声明：我是上述项目的作者。

Answer 3

在编辑方面，以下内容可能会有所帮助。对于“javascript布局引擎”，我还在寻找......

• rangyinputs：一个小的跨浏览器 JavaScript 库，用于获取和操作 HTML 元素中的选择。Rangyinputs 目前作为 jQuery 插件提供。

• rangy：一个跨浏览器的 JavaScript 范围和选择库。它提供了一个简单的基于标准的 API，用于在所有主要浏览器中执行常见的 DOM 范围和选择任务，抽象出 Internet Explorer 直至版本 8 和兼容 DOM 的浏览器之间该功能的完全不同的实现。有关在和元素中操作选择，请参阅 Rangy 的名称不佳且纤细的双胞胎项目 Rangyinputs。