टेक्स्टकंटेंट या आंतरिक टेक्स्ट में केवल लाइनब्रेक जोड़ें - क्रोम

Question

यह एक जटिल है! मैं सामग्री के साथ काम कर रहा हूं क्रोम में संपादन योग्य और मुझे सिर पिघलने की समस्या का सामना करना पड़ रहा है। जब मैं रिटर्न कुंजी दबाता हूं, क्रोम आंतरिक HTML में एक नया div डालता है। यह ठीक और बेवकूफ है। समस्या यह है कि लाइन ब्रेक कहीं भी div के टेक्स्ट सामग्री में नहीं पाया जाता है। मुझे वास्तव में टेक्स्टकंट पर लाइन ब्रेक जोड़ने के लिए एक ही जगह पर आंतरिक HTML में div ब्रेक के रूप में एक तरीका पता लगाने की आवश्यकता है।

कोई विचार?

अद्यतन:

मैं innerText लेकिन फिर पंक्ति विराम कि देखते हैं पृष्ठ लोड होने अनदेखी कर रहे हैं का उपयोग कर सकते हैं। मुझे इन तरीकों में से एक में स्थिरता की आवश्यकता है। दूसरे शब्दों में, मुझे पेज लोड पर मौजूद लाइन ब्रेक दिखाने के लिए नए इनपुट लाइन ब्रेक या आंतरिक टेक्स्ट दिखाने के लिए टेक्स्ट सामग्री की आवश्यकता है।

यहाँ एक अद्यतन डेमो है:

function checkit() { 
 
    var c1 = document.getElementById('c1') 
 
    alert("TEXTCONTENT:\n" + c1.textContent + "\n\nINNERTEXT:\n" + c1.innerText + "\n\nINNERHTML:\n" + c1.innerHTML) 
 
}

div {padding: 20px; border-bottom: 1px solid #CCC;}

<div><a href="#" onclick="checkit()">check it</a></div> 
 

 
<div contentEditable="true" id="c1">click inside this <b>div</b>, 
 
press return and then press <b>check it</b> above</div>

Answer 1

मैं प्रत्येक स्थिति के लिए एक अलग चर लोड करके इस हल किया है:

पृष्ठ लोड पर, मैं textContent जो लाइन बरकरार टूट जाता रहता है का उपयोग करें। जब उपयोगकर्ता टाइपिंग शुरू करता है, तो मैं innerText का उपयोग करता हूं जो सम्मिलित पृष्ठ ब्रेक को पहचानता है। एक सरल अगर कथन चाल करेगा!

Answer 2

इसका कारण यह है textContent शैली के बारे में पता नहीं है। नतीजतन, उदाहरण के लिए, यह छिपी हुई सामग्री प्रदर्शित करता है।

c1.textContent से c1.innerText बदलें और यह लाइन ब्रेक प्रदर्शित करेगा।