2015-11-16 6 views
5

मैं summernotes घटक का उपयोग कर रहा हूं और मैं जो करना चाहता हूं वह है कि मैं उपयोगकर्ता को अक्षर जोड़ने से रोकना चाहता हूं यदि वह (2000) 2000 वर्णों से अधिक है लेकिन मैं यह नहीं समझ सकता कि टाइपिंग ईवेंट को कैसे रोकें।Summernotes में संपादन अक्षम कैसे करें?

क्या मैं कर रहा हूँ की तरह है निम्नलिखित:

$(".note-editable").each(function(){ 
      $(this).on("keyup", function(){ 
       var cc = $(this).text().length; 
       var arr = $(this).next().attr("class").split('_'); 
       var q = "q"+arr[0]; 
       var maxChar = arr[2]; 
       var textarea = $('*[name^="'+q+'"]'); 
       var diffChar = parseInt(maxChar - cc); 

       if(diffChar >= 0) 
       { 
        $(this).next().text(diffChar + " Remaining out of " + maxChar); 
       } 
       else 
       { 
        $(this).next().text("0 Remaining out of " + maxChar); 

        //$(textarea).prop('disabled', true); 
        $(this).text($(this).text().slice(0,diffChar)); 
       } 
      }); 
     }); 

कोई आइडिया कैसे है कि, मैं कर्सर को अक्षम या summernote नष्ट करने के लिए नहीं करना चाहते करने के लिए .. मैं उपयोगकर्ता है कि लग रहा है बताना चाहते हैं (एस) वह अभी भी संपादित कर सकता है लेकिन पाठ 2000 वर्ग से अधिक होने पर कुछ भी टाइप नहीं करेगा।

धन्यवाद !!

+0

http://stackoverflow.com/a/30618954/1132405 – dyaa

+0

मैं इस पोस्ट को देखा है, लेकिन मैं इसे नष्ट करने के लिए नहीं करना चाहती। इस मामले में संक्षेप में नष्ट करने से उपयोगकर्ता को यह महसूस हो जाएगा कि वह फिर से संपादित नहीं कर सकता है जब तक वह उदाहरण के लिए एक पत्र हटा देता है। – Riad

+1

मुझे जो चाहिए वह संक्षेप में केवल पढ़ने के लिए विकल्प है – Riad

उत्तर

1

अपने आधिकारिक दस्तावेज़ से this link पर देखें।

असल में, तुम क्या करने की आवश्यकता है:

आपको API द्वारा संपादक निष्क्रिय कर सकते हैं।

$('#summernote').summernote('disable'); 

आप संपादक फिर से सक्षम करना चाहते हैं, सक्षम के साथ एपीआई कहते हैं।

$('#summernote').summernote('enable'); 

अब, आप क्या कर सकते हैं, अपने खुद के कोड तर्क/एल्गोरिदम में इन API कॉल का उपयोग किया जाता है वांछित प्रभाव प्राप्त करने के लिए।

मुझे यह एक पुराना सवाल पता है, लेकिन उम्मीद है कि इससे मदद मिलती है।

1

मुझे पता है कि यह एक पुराना सवाल है, लेकिन आप अपने कंटेनर का उपयोग अगली 'नोट-संपादन योग्य' ढूंढने के लिए कर सकते हैं और इसकी 'संतुष्ट' विशेषता को झूठी पर सेट कर सकते हैं। मेरे लिए काम किया

$('#summernote').next().find(".note-editable").attr("contenteditable", false); 
संबंधित मुद्दे