JavaScript: tìm vị trí gói văn bản của chúng tôi xảy ra trong div

Question

Tôi muốn tìm hiểu xem trình duyệt web đã bao bọc văn bản trong một số div nhất định.

Động lực cho việc này là trình soạn thảo WYSIWYG sử dụng contenteditable. Người dùng viết văn bản trong đó, và tùy thuộc vào độ rộng của trường có thể chỉnh sửa, phông chữ và các yếu tố khác, nó kết thúc tốt đẹp tại các vị trí nhất định. Tôi muốn biết những nơi này xảy ra.

Tôi chỉ có thể nghĩ đến các giải pháp rất khốc liệt (ví dụ: chèn span xung quanh mỗi ký tự, lặp lại các nhịp này, nhận thuộc tính offsetTop và ghi chú bất cứ khi nào thay đổi). Có cách nào tốt hơn/tiêu chuẩn để làm điều này?

Answer 1

Tôi đã làm một google và tìm thấy điều này trên ngăn xếp tràn, không chắc chắn đây là những gì bạn đang sau, nhưng cung cấp cho nó một đọc. Nó khá cũ.

Finding line-wraps

Answer 2

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

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

Hoặc

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