Comment le caret émulé dans Etherpad?

StackOverflow https://stackoverflow.com/questions/3949662

  •  08-10-2019
  •  | 
  •  

Question

Comment le caret clignote émulé en Etherpad? (Voir une version live à ietherpad.com) La façon dont je le ferais, est de créer un div et la position absolument où le caret devrait être. Ensuite, afficher et supprimer dans des intervalles réguliers. Cependant, ils semblent le faire différemment.

Le texte d'une ligne est en 

<div id="magicdomid2" class="">...</div>

Je ne vois rien changer autour de la div. Comment est-il fait?

Était-ce utile?

La solution

Il n'est pas émulé. Dans les navigateurs modernes, Etherpad crée un iframe contenant un document avec le tag: 

<body contenteditable="true">

Ce qui indique au navigateur pour permettre l'édition du document HTML contenu. Le carat est l'un des effets de l'inclusion de cet attribut.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top