TinyMCE संपादक नापसंदों को

Question

पर ले जाया जा रहा है मेरे पास एक पृष्ठ पर, मुझे थोड़ी देर में DOM पेड़ में TinyMCE संपादकों को स्थानांतरित करने की आवश्यकता है। हालांकि, किसी कारण से, संपादक इसे पसंद नहीं करता है: यह स्वयं को पूरी तरह से साफ़ करता है और अनुपयोगी हो जाता है। जहां तक ​​मैं देख सकता हूं, यह व्यवहार सफारी 4 और फ़ायरफ़ॉक्स 3.6 के बीच संगत है, लेकिन इंटरनेट एक्सप्लोरर 7/8 नहीं है। Here's an example।

यह वास्तव में मुझे इंटरनेट एक्सप्लोरर में काम करने वाली कुछ करने के लिए बंद कर रहा है लेकिन अधिक सराहनीय ब्राउज़रों के साथ नहीं। क्या डॉक्स पेड़ में एक संपादक को स्थानांतरित करने की कोशिश करने के बारे में दस्तावेज़ों में मुझे कुछ याद आया है? क्या कोई कामकाजी है?

Answer 1

यह एक ब्राउज़र बग/मुद्दा TinyMCE के साथ कोई समस्या नहीं है। दस्तावेज़ों/विंडो अनलोडों के डोम से नोड को हटाने के बाद से कुछ ब्राउज़रों में आईफ्रेम सामग्री को बनाए रखना असंभव है। मेरा सुझाव है कि पहले एडिटर इंस्टेंस को हटा दें और इसे डीओएम में ले जाने के बजाय इसे दोबारा जोड़ दें।

Answer 2

एक ही मुद्दा था और यहाँ मैं इसे कैसे हल हो गई है ...

मुद्दा बनाएं

मैं jQuery का उपयोग डोम तत्व यह है कि TinyMCE संपादक यह सब खोने के लिए यह कारण बनता है कि होता है स्थानांतरित करने के लिए सामग्री:

$('.form-group:last').after($('.form-group:first')) 

इस बिंदु के बाद, संपादक की आईफ़्रेम सामग्री हटा दी जाती है।

समाधान

var textareaId = 'id_of_textarea'; 
tinyMCE.get(textareaId).remove(); 
tinyMCE.execCommand("mceAddEditor", false, textareaId); 

बार जब संपादक आइफ्रेम वापस जोड़ देगा, लेकिन दिखाई नहीं कर रहे हैं। अगर ऐसी बात है, कंटेनर को सामने लाने:

$textarea = $('#' + textareaId) 
$textarea.closest('.mce-tinymce.mce-container').show() 

ध्यान दें, यह TinyMCE 4.x. उपयोग कर रहा है