TinyMCE Inside Hidden Div Are Not Displayed As Enabled When We Put The Div Visible

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 'display:none'.

Solution 1:

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

Solution 2:

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()
    });
})