2015-01-22 6 views
6

बदलना संभव है, तो हम सीकेडिटर की सामग्री को बदलने की स्थिति कैसे कर सकते हैं? उदाहरण के लिए, पृष्ठ खोले जाने पर सीकेडिटर की सामग्री उर्फ ​​टेक्स्टरेरा में पहले से ही कुछ पाठ डाला गया है। इसके बाद मैं कुछ और टाइप करता हूं या उस पाठ को हटा देता हूं। क्या कोई ऐसी घटना है जिसे निकाल दिया गया है जब टेक्स्ट बदल जाता है तो मैं एक चर बदल सकता हूं?सीकेडिटर सामग्री के लिए घटना

मैं नियमित textareas के लिए इस है:

$("input,textarea").on("input", function() { 
    booleanvar= true; 
}); 

एक संभव समाधान कहीं है कि इस पड़ा देखा:

$('.ckeditor').ckeditorGet().on('key', function (e) { 
    //some code 
}); 

यह कोशिश की, लेकिन बात नहीं बनी। और हां, मुझे पता है कि मेरे सीकेडिटर के टेक्स्टरेरा में "सीकेडिटर" अपनी कक्षा के रूप में है, इसलिए इसका काम नहीं करने का कारण नहीं है।

तो ऐसे उदाहरणों की तरह कुछ मैं ckeditor के कुछ प्रकार के टेक्स्टchanged ईवेंट प्राप्त करने के लिए उपयोग कर सकता हूं?

+0

के संभावित डुप्लिकेट [कैसे CKEditor में बुनियादी घटनाओं को सुनने के लिए?] (Http://stackoverflow.com/questions/5721916/how-to-listen-to-basic-events-in-ckeditor) –

उत्तर

19

हां, बहुत आसान change है जिसे आप सुन सकते हैं। यहाँ प्रलेखन: http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-change

तो (बदलें अपने संपादक उदाहरण के लिए editor1) जैसे उदाहरण के लिए यह प्रयोग करें:

CKEDITOR.instances.editor1.on('change', function() { 
    console.log("TEST"); 
}); 
+2

यह संभवतः काम करता है, लेकिन जब पृष्ठ लोड होता है तो विधि केवल तभी कॉल की जाती है (जिस पल में सीकेडिटर अभी तक तत्काल नहीं है) और फिर अब नहीं कहा जाता है, क्या ऐसा होना चाहिए? ध्यान दें कि मैं textarea के वर्ग = "ckeditor" –

+1

को बस सेट करके ckeditor के लिए textarea को प्रतिस्थापित कर रहा हूं ठीक है, जिसे हल किया गया है, केवल 'CKEDITOR.replace (' editor1 ') जोड़ने के लिए आवश्यक है; 'CKEDITOR.instances.editor1 से ठीक पहले .... नहीं .... 'ताकि यह पहले से ही तत्काल हो जाएगा। ठीक बाद में काम करता है –

+0

@ मीकाइलफ्लोरेंसियो ग्रेट कि आपको हल हो गया है! – Nenotlep

1

यह मुझे बहुत मदद, CKeditor के onchange के लिए है।

<textarea id="ckeditor_textarea " name="ckeditor_textarea ">Add Yore Data</textarea> 

<script type="text/javascript"> 
var editor = CKEDITOR.replace('ckeditor_textarea ', {}); 
// editor is object of your CKEDITOR 
editor.on('change',function(){ 
    console.log("test"); 
}); 
</script> 
संबंधित मुद्दे