TinyMCE संपादक से HTML सामग्री निकालने के लिए कैसे करें

Question

मैं जावास्क्रिप्ट/टिनीएमसीई पर एक नौसिखिया हूं और मैं समझने की कोशिश करता हूं कि संपादक से HTML सामग्री प्राप्त करना संभव है, और इसे एक सरल अलर्ट() फ़ंक्शन के साथ दिखाएं।

मैं अपने HTML पृष्ठ पर इस minimalist config है:

<div id="tiny"> 
<script type="text/javascript"> 
tinyMCE.init({ 
     // General options 
     mode : "specific_textareas", 
     editor_selector : "mceEditor" 
}); 
</script> 
</div> 

<form method="post" action="somepage"> 
     <textarea id="myarea1" class="mceEditor">This will be an editor.</textarea> 
</form> 

TinyMCE Website पर, उन्होंने बताया मैं इस का उपयोग करना होगा:

// Get the HTML contents of the currently active editor 
console.debug(tinyMCE.activeEditor.getContent()); 

और here भी

tinymce.activeEditor.getContent() 

मुझे नहीं पता कि यह क्यों काम नहीं करता

किसी के पास कोई विचार है?

Answer 1

मैं क्यों यह काम नहीं करता

यह काम नहीं कर रहा है क्योंकि

console.debug(tinyMCE.activeEditor.getContent()); 

tinymce.activeEditor.getContent(); 

इन बयानों को निष्पादित नहीं किया जा रहा है पता नहीं है।

कोशिश सामग्री प्राप्त करने के लिए इस FIDDLE ....

tinyMCE.init({ 
     // General options 
     mode : "specific_textareas", 
     editor_selector : "mceEditor" 
}); 

समारोह का पालन करने के ....

function get_editor_content() { 
    // Get the HTML contents of the currently active editor 
    console.debug(tinyMCE.activeEditor.getContent()); 
    //method1 getting the content of the active editor 
    alert(tinyMCE.activeEditor.getContent()); 
    //method2 getting the content by id of a particular textarea 
    alert(tinyMCE.get('myarea1').getContent()); 
} 

बटन पर क्लिक संपादक की सामग्री प्राप्त करें ...

<button onclick="get_editor_content()">Get content</button> 

Answer 2

शायद यह मामला है? आपका चर tinyMCE है, लेकिन आप getContent() पर tinymce पर कॉल कर रहे हैं। जे एस केस संवेदी है;)

Answer 3

मैं एक समाधान की तलाश में था और उपरोक्त में से कुछ की कोशिश की तो tinymce दस्तावेज़ीकरण पर और अधिक देखने के लिए चला गया और यह प्रभावी होने के लिए पाया।
छोटे एम 4

function getHTML() 
{ 
    tinymce.activeEditor.on('GetContent', function(e) { 
    console.log(e.content); 
    }); 
} 

का उपयोग करते हुए सिर्फ एक onclick साथ कि फ़ंक्शन को कॉल करें और देखें कि क्या परिणाम रहे हैं ...
मेरे स्रोत है: http://www.tinymce.com/wiki.php/api4:class.tinymce.ContentEvent

Answer 4

TinyMCE बनाता है '#textareaid' + '_ ifr' प्रारूप के तहत एक आईफ्रेम, तो jquery का उपयोग करके हम

जैसे टेक्स्ट क्षेत्र की HTML सामग्री से पूछ सकते हैं

iframe आईडी आपके textarea आईडी "_ifr" के साथ जोड़ा जाएगा। तो आप tinyMce

$('#textareaId_ifr').contents().find("html").html();