एक सामग्री बनाएं केवल पढ़ने योग्य div?

Question

तो मैं एक संतोषजनक div (कुंजीपटल के माध्यम से मुख्य चयन के माध्यम से पाठ चयन) की विशेषताएं चाहता हूं, लेकिन मैं उपयोगकर्ता को पाठ संपादित करने की अनुमति नहीं देना चाहता - मुझे लगता है कि readonly="readonly" काम करेगा, लेकिन दुख की बात यह नहीं है ।

क्या हम जानते हैं कि ऐसा करने का कोई तरीका है या नहीं? संतोषजनक div में घोंसला वाले टैग हो सकते हैं (<p>, <h1>)।

मैं एक टेक्स्टरेरा से बचना चाहता हूं (यही वह है), क्योंकि यह मुझे अन्य चीजों को करने की अनुमति नहीं देता है जो मुझे करने में सक्षम होना चाहिए।

क्या जावास्क्रिप्ट के बिना ऐसा करने का कोई अच्छा तरीका है? और यदि ऐसा नहीं है, तो क्या जावास्क्रिप्ट का एक छोटा सा स्निपेट है जो अभी भी प्रतिलिपि बनाने, हाइलाइट करने आदि की अनुमति देगा?

धन्यवाद।

यहाँ एक उदाहरण है: http://codepen.io/anon/pen/dxeAE

Answer 1

मैं एक jQuery समाधान/वैकल्पिक हल कर दिया। क्या करता है तो डिफ़ॉल्ट कार्यवाही जब एक कुंजी दबाने को रोकने है: तीर कुंजियों का उपयोग

$(document).ready(function(){ 
 
    $("#editor").on("keypress", function(e) { 
 
     e.preventDefault(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="editor" contenteditable=""> 
 
    <h1>Heading</h1> 
 
    <p>Test</p> 
 
</div>

Answer 2

आप भी इस कोशिश कर सकते, सादे जावास्क्रिप्ट समाधान

document.getElementById('div').onkeydown = function (e) { 
    var event = window.event ? window.event : e; 
    return !(!~[37, 38, 39, 40].indexOf(e.keyCode) && !e.ctrlKey); 
} 

यह चयन की अनुमति देता है और इसे कॉपी करना

Answer 3

आप div में asp:Panel जोड़ सकते हैं और panel.Enabled = false पैनल के अंदर नियंत्रण उपलब्ध नहीं होंगे।

Answer 4

एक div बंद कर दिया या अनलॉक भीतर सभी नियंत्रण बनाने के लिए, इस प्रयास करें:

<div id="lockableDiv"> 
.... 
</div> 

---

lockDiv = function(lockIt){ 
    if(lockIt){  
     $('#lockableDiv :input').attr('readonly', true); 
    }else{ 
     $('#lockableDiv :input').removeAttr('readonly'); 
    } 
}