Add tinymce to new textarea dynamically
How can i do this
function addTinyText(id, text){
//add textarea to DOM
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');
//init tineMCE
tinyMCE.init({
theme : "advanced",
plugins : "emotions,spellchecker"
});
//add tinymce to this
tinyMCE.execCommand("mceAddControl", false, 'txt'+id);
}
but as a result every time we have a new textarea+tinyMCE but no text inside
What do i wrong?
I searched a very long time to find an answer to a similar problem.
My content was not being posted even thou I could get the editor to appear.
I got it working like this:
jQuery('.wysiwyg').tinymce({
// Location of TinyMCE script
script_url : 'path/tinymce/tiny_mce.js',
// General options
theme : "advanced",
.........
.........
......... etc
I used the standard jquery code to initiate all text areas with class name wysiwyg as tinymce objects.
After ajax call completes and new textarea is loaded I run this function:
jQuery(".wysiwyg").each(function(){
tinyMCE.execCommand("mceAddControl",false, this.id);
});
Now my code is finally being posted correctly.
line
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body');
should be line
$('<textarea id="txt'+id+'"></textarea>').text(text).appendTo('body');