2011-05-23 19 views
11

मैं TinyMCE संपादक का उपयोग कर रहा हूं। मैं अपने बॉक्स पर मौजूद कुछ बटन क्लिक के साथ संपादक बॉक्स के अंदर सामग्री को साफ़ करना चाहता हूं।TinyMCE बॉक्स रीसेट करें

क्या आप मुझे बता सकते हैं कि ऐसा कैसे करें?

उत्तर

22

यह आसानी से किया जा सकता है (धीमी jQuery TinyMCE निर्माण उपयोग करने की आवश्यकता) निम्न कोड के रूप में अपने बटन के onclick कार्रवाई का उपयोग कर:

// 'content' is tinymce default, 
// but if your textarea got an ID that is the one you need! 
var my_editor_id = 'content'; 

// set the content empty 
tinymce.get(my_editor_id).setContent(''); 
+0

अधिक स्पष्टता के लिए, 'my_editor_id' को वास्तव में' my_textarea_id' नाम दिया जाना चाहिए। जब मैं ** संपादक पढ़ता हूं ** मैं tinymce संपादक के बारे में सोचता हूं :-) – Oliver

+0

अच्छी तरह से, दोनों आईडी समान हैं (यदि संपादक स्रोत HTML तत्व को आईडी सेट मिला है) – Thariama

+0

यह कोड कहां जाता है? उपलब्ध बटनों के बगल में एक बटन डालना अच्छा होगा, जिस पर कोड 'tinymce.get (' content ') कोड के इस स्निपेट को चलाया जाता है। setContent (' '); ' –

2

TinyMCE jQuery Plugin documentation से, आसानी से पृष्ठ आप लिंक से पाया जा सकता है:

// Will change the contents of an textarea with the ID "someeditor" 
$('#someeditor').html('Some contents...'); 

// Will change the contents all text areas with the class tinymce 
$('textarea.tinymce').html('Some contents...'); 

// Gets the contents from a specific editor 
alert($('#someeditor').html()); 

रिक्त स्ट्रिंग पर यह स्थापित करने का प्रयास करें, हो सकता है आप बस क्या जरूरत है।

-1
$('#name_of_your_textarea').val(''); 
+0

मुझे यकीन नहीं है कि आपका समाधान ओपी की समस्या को कैसे हल करता है: आप अंतर्निहित टेक्स्टरेरा की सामग्री को रीसेट कर रहे हैं, न कि tinymce संपादक की। – Oliver

0

आप रुचि रखते हैं में समाशोधन संपादक का आप उपयोग कर सकते हैं: tinymce.get ('# editorId')। setContent (''); // दूसरों की तरह

का सुझाव दिया है

हालांकि, यदि आप सामग्री और मेनू बटन आदि रीसेट करना चाहते हैं - अनिवार्य रूप से संपादक पूरी तरह रीसेट करने आप विचार कर सकते हैं: tinymce.get ('# editorId')।इस में();

+0

बैक-टिक 'वर्ण का उपयोग करके कोड भाग को हाइलाइट करें। – rajuGT

+0

मैं init() tinymce संपादक 4.x के लिए एक समाधान की तलाश में था। मैंने कोशिश की लेकिन मुझे यह कहना है कि यह केवल संपादक, मेनू (बटन, इत्यादि) के टेक्स्टरेरा में है और टूलबार को फिर से शुरू नहीं किया जाएगा। :( – Jonny