2011-07-18 4 views
8

मैं TinyMCE टूलबार पर एक अतिरिक्त बटन बनाने की प्रक्रिया में हूं (यह वर्डप्रेस के लिए है लेकिन मुझे लगता है कि यह महत्वपूर्ण नहीं है)।मैं अपने TinyMCE प्लगइन से मूल्य कैसे प्राप्त करूं?

बटन दबाया जाता है और एक फॉर्म दिखाया जाता है, मैं इसे कॉन्फ़िगर करने में कुल नुकसान पर हूं ताकि फ़ॉर्म पर दर्ज मूल्य वास्तव में छोटे-छोटे प्लगइन के बाकी हिस्सों में प्रसारित हो जाएं।

मुझे मिले एकमात्र प्रासंगिक दस्तावेज़ this page हैं जहां वे आपको एक कस्टम ब्राउज़र को लागू करने के लिए दिखाते हैं। लेकिन यह पहली बार टाइमर (या कम से कम मेरे लिए) के लिए गूढ़ है।

यह जब बटन दबाया जाता है निष्पादित किया जाता है:

ed.windowManager.open({ 
    file : url + '/dialog.html', 
    width : 400, 
    height : 120, 
    inline : 1 
}, { 
    plugin_url : url, // Plugin absolute URL 
    some_custom_arg : 'custom arg' // Custom argument 
}); 

यह dialog.html फ़ाइल की सामग्री

<html> 
<head> 
<title>Hello world!</title> 
</head> 
<body> 
<form name="Hello world" method="post"> 
     <input size="30" name="textbox1" type="text" id="textbox1" /> 
     <input type="submit" value="" name="submitbutton" /> 
    </form> 
</body> 
</html> 

जाहिर है इस कुछ नहीं करता है

यहाँ मैं क्या है है (संवाद को भी बंद न करें), लेकिन मुझे सच में नहीं पता कि यह कहां से कुछ करना है।

+0

एक अच्छा सवाल और एक काम कर समाधान – Thariama

उत्तर

3

मैंने मॉक्सीकोड मंचों पर इसका उत्तर दिया लेकिन दूसरों के लिए यहां मेरी प्रतिक्रिया जोड़ दी है।

कि TinyMCE में शामिल है की मदद करनी चाहिए और tutorial on creating a plugin

में प्रयोग किया जाता है प्लगइन को देखते हुए, js में निर्देशिका आप एक JavaScript लाइब्रेरी dialog.js जिसमें मिलेगा उदाहरण प्लगइन जब आप उदाहरण संवाद में सबमिट पर क्लिक करते हैं तो विधि कहा जाता है। संपादक में मूल्य डालने के लिए execCommand के माध्यम से यह अनिवार्य रूप से केवल mceInsertContent का उपयोग करता है।

तो आपके उदाहरण में, आपको पहली बार ऐसा करने की आवश्यकता होगी जब आप सबमिट करते समय जावास्क्रिप्ट विधि को कॉल करने के लिए अपना फॉर्म बदल दें। फिर आपको उस विधि को बनाने की आवश्यकता होगी जो आप TinyMCE में डालना चाहते हैं।

+0

+1 के लिए +1। मैं यह सोचने के लिए पर्याप्त मूर्ख था कि वर्डप्रेस TinyMCE के लिए सभी कोड भेजता है, और टिनीएमसीई द्वारा प्रदान किए गए स्रोत कोड को देखने के बारे में सोचने के लिए पर्याप्त गूंगा नहीं है। उदाहरण TinyMCE के मेरे संस्करण में मौजूद नहीं थे, इसलिए मुझे नहीं पता था ... – Thariama

+0

हाँ, धन्यवाद ब्रेट के लिए विवरण – joon

1

tinymce उदाहरण वास्तव में देखने के लिए जगह हैं। जानकारी के अतिरिक्त ब्रेट ने पहले से ही आपको कॉलिंग टिनिमसे इंस्टेंस और प्लेस वैरिएबल का भी उल्लेख किया है या आप अपने स्वयं के प्लगइन में से एक का फ़ंक्शन कॉल कर सकते हैं।

उदाहरण:

// insertion of content into the calling editor instance 
tinyMCEPopup.execCommand('mceInsertContent', false, 'my_content'; 

// store value in editor variable 
tinyMCEPopup.editor.new_variable = 'new_special_blah'; 

// call a function from an own plugin 
tinyMCEPopup.editor.plugins.my_plugin.my_custom_function(var1, var2); 

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^