Summernote संपादक को अक्षम/सक्षम विधियों को जोड़ना

Question

मैं थोड़ी देर के लिए समरोट संपादक का उपयोग कर रहा हूं और यह उन चीज़ों के लिए काम कर रहा है जिनके लिए मुझे इसकी आवश्यकता है। हालांकि, मैं हाल ही में एक उपयोगकर्ता कार्रवाई के बाद इसे अक्षम (नष्ट नहीं) चाहता था। सफलता के बिना प्रयासों के बाद, यह मेरे लिए हुआ कि मैं जो चाहता था उसे प्राप्त करने के लिए नष्ट() विधि का उपयोग कर सकता था। मैंने देखा कि लिखित क्षेत्र अक्षम होने के साथ, Summernote अभी भी अपने संपादक को पहले से ही अक्षम टेक्स्टरेरा बदल गया है। यहाँ है कि मैं क्या अंत में किया है:

इसे बनाने के बाद summernote अक्षम करने के लिए: मैं पहली बार इसे नष्ट कर दिया है, तो लक्ष्य तत्व अक्षम, और अंत में इसे पुन: प्रारंभ:

$(".summernoteTarget").destroy(); 

    $(".summernoteTarget").prop('disabled', true); 

    $(".summernoteTarget").summernote(); 

और इसे फिर से सक्षम करने के लिए, मैं पहले नष्ट यह पहले की तरह है, तो लक्ष्य तत्व, और अंत में सक्षम यह फिर से प्रारंभ:

$(".summernoteTarget").destroy(); 

    $(".summernoteTarget").prop('disabled', false); 

    $(".summernoteTarget").summernote(); 

इस छोटी सी समस्या के साथ चाल किया: जब यह 'अक्षम' राज्य में रहता है, सभी नियंत्रण अक्षम नहीं कर रहे हैं , केवल लेखन क्षेत्र है। तो एक उपयोगकर्ता अभी भी कह सकता है, एक फ़ाइल को लेखन क्षेत्र पर खींचें लेकिन इससे कोई त्रुटि बढ़ जाती है।

किसी Summernote के स्रोत पर एक नज़र लिया है और) को नष्ट करने के दो तरीके (अक्षम करें और सक्षम) इसके अलावा में जोड़ सकते हैं (, ताकि हम कुछ ऐसा कर सकते हैं:

 $(".summernoteTargetElement").disable(); 
    $(".summernoteTargetElement").enable(); 

धन्यवाद।

Answer 1

आप को अक्षम या v0.7.3 के बाद एपीआई के साथ संपादक सक्षम कर सकते हैं।

// To disable 
$('.summernote').summernote('disable'); 
// To enable 
$('.summernote').summernote('enable'); 

http://summernote.org/deep-dive/#disable-enable

Answer 2

मुझे नहीं पता कि आपको अभी भी इसकी आवश्यकता है या नहीं। मैं निम्नलिखित कर रहा हूँ: अक्षम

$('#textarea').destroy(); 
        $('#textarea').prop('disabled', true); 
        $('#textarea').summernote({ 
         minHeight: null, 
         maxHeight: null, 
         focus: true, 
         styleWithSpan: false, 
         toolbar: [ 
         ]       
        }); 

के लिए सक्षम

$('#textarea').destroy(); 
        $('#textarea').prop('disabled', false); 
        $('#textarea').summernote({ 
         minHeight: null, 
         maxHeight: null, 
         focus: true, 
         styleWithSpan: false, 
         toolbar: [ 
          ['style', ['bold', 'italic', 'underline', 'clear']], 
          ['para', ['ul', 'ol']] 
         ] 
        }); 

पाठ क्षेत्र मेरे क्षेत्र है जहां मैं summernote लागू किया है।

लेकिन इसके बाद मुझे पृष्ठ पोस्ट करते समय कोड संपत्ति के साथ समस्या हो रही है।

Answer 3

यह मेरे लिए काम किया:

// The class note-editable is generated by summernote 

// To enable 
$('.note-editable').attr('contenteditable', true); 

// To disable 
$('.note-editable').attr('contenteditable', false); 

स्रोत: https://github.com/summernote/summernote/issues/61

आशा इस मदद करता है किसी को :)

Answer 4

मेरी स्थिति में मैं 2 summernote रिच टेक्स्ट संपादकों के लिए एक वर्ग चयनकर्ता बनाना चाहता था। एक अन्य अक्षम अक्षम किया जाएगा।

इस लक्ष्य को हासिल करने के लिए आप इस दृष्टिकोण

// This is in a razor view using MVC 

// Enabled 
@Html.TextAreaFor(i => i.Explanation, new {@class = "summerNote" }) 


// Disabled 
@Html.TextAreaFor(i => i.Explanation, new {@class = "summerNote-disabled" }) 

पाठ क्षेत्र जब आप इसे पाठ क्षेत्र में बाद में वापस प्रदर्शित बचाया रिच टेक्स्ट कोड में व्याख्या की जा करने की अनुमति देगा का उपयोग कर सकते हैं।

अब जब आप ग्रीष्मकालीन नोटे समृद्ध टेक्स्ट एडिटर बनाते हैं तो यह आपके तत्व को संक्षेप में परिवर्तित नहीं करता है, बल्कि यह परिभाषित तत्व के नीचे एक नया तत्व बनाता है। आप डोम में देख सकते हैं अगर आप संपादक

// In javascript 
$('.summerNote-disabled+.note-editor .note-editable').attr('contenteditable', false) 

यह तत्व है कि आप summerNote रूप में परिभाषित किया और पकड़ लेता है नोट संपादक भाई का चयन करता है निष्क्रिय करने के लिए विभिन्न तत्वों

का निरीक्षण अब। उस भाई के भीतर नोट-संपादन योग्य textarea मौजूद है। यह वह तत्व है जिसे आप अपनी 'संतुष्ट' विशेषता को झूठी पर सेट करना चाहते हैं।