Effet de curseur Google Docs

Question

Comment Google autorise-t-il les autres personnes à voir les curseurs des autres? L'édition en direct est une chose, mais comment l'effet du curseur est-il atteint? Ou comment cela aurait-il pu être réalisé?

EDIT: Non seulement le curseur, mais aussi l'effet de surbrillance?

Answer 1

Google Docs utilise Transformation opérationnelle, voici une démonstration: http://ot.substance.io/demo/
Et voici une explication visuelle sur la façon dont cela fonctionne: http://ot.substance.io/visualization/

Les curseurs (Carets) sont des éléments DIV simples faits à clignoter, et chacun a une position dans le document:

{ line: 3, char: 41 } 

en appuyant sur la touche Flèche droite déplace le curseur à la position: { line: 3, char: 42 }

Une sélection est une gamme (de -> à):

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