2013-05-02 9 views
5

पर ईवेंट पर क्लिक करें हाल ही में मैंने अपने वेब एप्लिकेशन में TinyMce 4.0 को एकीकृत करने का प्रयास किया। जब मैं textarea पर क्लिक करता हूं तो मैं एक क्लिक ईवेंट रखना चाहता हूं लेकिन यह काम नहीं करता है। मैं आधिकारिक दस्तावेज पर ध्यान दिया है, और मैं निम्नलिखित कोड की कोशिश की है:TinyMCE 4.0

tinyMCE.init({ 
    ... 
    setup : function(ed) { 
     ed.onClick.add(function(ed, e) { 
      console.debug('Editor was clicked: ' + e.target.nodeName); 
     }); 
    } 

एक त्रुटि दिखाई देने वाले हैं: "लेखन त्रुटि: ed.onClick अपरिभाषित है"।

तो, मैं iframe पर सीधे एक onclick घटना डालने की कोशिश की है, लेकिन यह एक विफलता है:

$("iframe").contents().bind('click', function(){ 
... 
}); 

आप ऐसा करने के तरीके पर किसी भी विचार है?

+0

आप परीक्षण (ब्राउज़र) कहाँ हैं? – Amit

+0

हाय, मैंने Google क्रोम के अंतिम संस्करण और फ़ायरफ़ॉक्स के अंतिम संस्करण पर परीक्षण किया है। – Scipius2012

उत्तर

0

हम्म, आप की कोशिश कर सकते

$(ed.getDoc()).bind('click', function(){ 
... 
}); 

अद्यतन: लग रहा है कोई संपादक उस समय के लिए शुरू मौजूद है। v3 से

setup : function(ed) { 
     ed.onInit.add(function(ed, e) { 
     ed.onClick.add(function(ed, e) { 
      console.debug('Editor was clicked: ' + e.target.nodeName); 
     }); 
     }); 
    } 
+0

आपके उत्तर के लिए धन्यवाद! मैंने आपके कोड की कोशिश की है लेकिन मुझे निम्न त्रुटि है: "ReferenceError: ed परिभाषित नहीं है"। मैंने "ed" को "window.tinyMCE.get (" idOfMyTextarea ") में बदलने के लिए भी कोशिश की (परीक्षण करने के लिए)" और मैंने पिछली त्रुटि फिर से की है। – Scipius2012

+0

मेरी अद्यतन पोस्ट – Thariama

+0

देखें मैंने आपके कोड का प्रयास किया है: यह संस्करण 3 के लिए ठीक काम करता है लेकिन संस्करण 4 के लिए नहीं। जब मैं संस्करण 4 के साथ प्रयास करता हूं, तो मुझे निम्न त्रुटि होती है: "TypeError: ed.onInit अपरिभाषित है "। त्रुटि केवल संस्करण 4 पर दिखाई देती है! – Scipius2012

12

TinyMCE v4 बदल गया है बातों का प्रयास करें - कोशिश:

setup : function(ed) { 
    ed.on("click", function() { 
     alert("Editor Clicked! Element: " + this.target.nodeName); 
    }); 
}; 
+0

उल्लेख करने के लिए महत्वपूर्ण है कि 'क्लिक' के लिए फ़ंक्शन में 'ed' 'संपादक उदाहरण नहीं है। 'इनिट' इवेंट हैंडलिंग के लिए यह मेरा मामला था। संपादक उदाहरण (घटना का उत्प्रेरक) तक पहुंचने के लिए, 'इस' कीवर्ड का उपयोग करें, उदाहरण के लिए: 'editor.on ('init', function() { var doc = this.contentDocument; }); – psulek

+0

धन्यवाद - अपडेट किया गया इसे प्रतिबिंबित करने के लिए –