जावास्क्रिप्ट: हमारे टेक्स्ट रैपिंग को div

Question

में मिलता है, जहां मैं यह जानना चाहता हूं कि वेब ब्राउज़र ने दिए गए div में टेक्स्ट को लपेटा है।

इसके लिए प्रेरणा एक WYSIWYG संपादक है जो contenteditable का उपयोग करता है। उपयोगकर्ता वहां टेक्स्ट लिखते हैं, और संपादन योग्य फ़ील्ड की चौड़ाई, फ़ॉन्ट, और अन्य कारकों के आधार पर, यह कुछ स्थानों पर लपेटता है। मैं जानना चाहता हूं कि ये कहां होते हैं।

मैं केवल बहुत hackish समाधान के बारे में सोच सकते हैं (जैसे, एक span हर किरदार के चारों ओर डालें, इन फैला अधिक पाश, उनके offsetTop संपत्ति मिलता है, और जब भी यह परिवर्तन एक नोट बनाना)। क्या ऐसा करने का एक बेहतर/मानक तरीका है?

Answer 1

मैंने एक Google किया और इसे स्टैक ओवरफ़्लो पर पाया, यह सुनिश्चित नहीं है कि आप यही हैं, लेकिन इसे पढ़ लें। यह काफी पुराना है।

Finding line-wraps

Answer 2

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

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

या

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