Google文档光标效果

Question

Google如何让其他人看到其他人的光标？实时编辑是一回事，但如何实现光标效果？或者它怎么能实现？

编辑： 不仅光标，而且还有高光效果？

Answer 1

谷歌文档使用操作转换，这里是一个演示：http://ot.substance.io/demo/
这里是它是如何工作的视觉解释：http://ot.substance.io/visualization/

光标（插入符号）是由闪烁简单的div元素，每个都有在文档中的位置：

{ line: 3, char: 41 } 

按右箭头键将位置移动光标：{ line: 3, char: 42 }

一个选择是一个范围（从 - >到）：

{ from: { line: 3, char: 41 }, to: { line: 4, char: 29 } }