JavaScript: znajdź nasze miejsce do zawijania tekstu w div

Question

Chciałbym dowiedzieć się, gdzie przeglądarka internetowa zawija tekst w danym div.

Motywacją jest edytor WYSIWYG, który używa contenteditable. Użytkownicy zapisują tam tekst, a w zależności od szerokości edytowalnego pola, czcionki i innych czynników, zawija się w określonych lokalizacjach. Chciałbym wiedzieć, gdzie one występują.

Mogę myśleć tylko o bardzo hackowatych rozwiązaniach (np. Wstaw span wokół każdej postaci, zapętlaj te spany, uzyskaj ich własność offsetTop i zanotuj, kiedy się ona zmieni). Czy istnieje lepszy/standardowy sposób robienia tego?

Answer 1

Zrobiłem google i znalazłem to na przepełnieniu stosu, nie jestem pewien, czy to jest to, czego szukasz, ale daj mu przeczytać. Jest dość stary.

Finding line-wraps

Answer 2

document.getElementById("body").onchange = function() {myFunction()}; 

     function myFunction() { 
      //Your eval script to log where changes took place 
     } 

Albo

document.getElementById('body').addEventListener('change', myFunction());