TinyMCE inside hidden div are not displayed as enabled when we put the div visible

Question

I am having an issue with tinyMCE (WYSIWYG editor). I am actually adding the textarea inside a HTML element like a DIV which is currently having the style attribute \"displa

Answer 1

This question it's quite old, but I had this problem too. I fixed with inline styles.

<textarea class="tinymce" style="width: 300px; height: 400px"></textarea>

To make it easier I build this simple script to do ir for me before the init()

$('textarea.tinymce').each(function(){
    $(this).css({
        width: $(this).width(),
        height: $(this).height()
    });
})

Answer 2

Try calling tinyMCE.init(...) after you unhide the containing div.