Envelopper le texte de la même manière dans une div comme dans une textarea jQuery Girl

Je crée un panneau de suggestion pendant l’édition en direct d’une zone de texte HTML. Pour obtenir les coordonnées {x, y}, j’utilise un div caché derrière la zone de texte. Je récupère la position du carret puis copie le texte avant le carret plus une balise span dans le div caché. Ensuite, je récupère les coordonnées de la scope et les donne au groupe de suggestions.

Le seul problème est que, lorsque j’ajoute une longue ligne sans espaces à la zone de texte, la ligne est enroulée lorsqu’elle est coupée dans le panneau div (le panneau de suggestion n’est donc plus bien placé tant que je n’ai pas ajouté de retour chariot).

Est-il possible d’ajuster le texte de la même manière à ces deux endroits (textarea et div panel)?

(J’utilise jQuery)

Donner un style de word-wrap:break-word pour votre DIV force le retour à la ligne et oblige votre DIV à traiter un texte long comme le fait votre zone de texte.

Ajouter overflow:auto ou overflow:scroll et une width: / height: dans le css de votre div , cela vous donnera une barre de défilement qui enroulera le texte et ressemblera à une zone de texte, bien sans bordure. Vous pouvez également lui atsortingbuer un style de border pour qu’il ressemble davantage à une zone de texte.

Comme ça:

   Your text goes here