TinyMCE nach innen versteckt div nicht als aktiviert angezeigt wird, wenn wir die div sichtbar setzen

Question

ich habe ein Problem mit tinyMCE (WYSIWYG-Editor). Ich füge tatsächlich das Textfeld in einem HTML-Elemente wie ein DIV, die zur Zeit die Stil-Attributs wird mit „display: none“.

Wenn ich den DIV-Display Stil sichtbar TinyMCE Editor am Wechsel wird als deaktiviert angezeigt.

Wichtiger Hinweis: Die Einstellung, die das Problem verursacht ist die „auto_resize“ -Option. Dies ist die einzige Option, die ich ein- / ausschalten, dass der tinyMCE Editor machen geht in Bearbeiten oder Nur-Lese-Modus.

Hier ist mein Code:

tinyMCE.init({
    mode: "specific_textareas",
                editor_selector: /(RichTextArea)/, 
                theme: "advanced",
                auto_reset_designmode: true,
                auto_resize:true,
                theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,fontselect,fontsizeselect,|,forecolor,backcolor,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,justifyfull",
                theme_advanced_buttons2: "",
                theme_advanced_buttons3: "",
                theme_advanced_buttons4: "",
                theme_advanced_more_colors: 0,
                theme_advanced_toolbar_location: "external",
                theme_advanced_toolbar_align: "left"
});

...

<a href="#" onclick='document.getElementById("myHiddenDiv").style.display = "block"; return false;'>Show WYSIWYG</a><br/>
<div id="myHiddenDiv" style="display:none">
    <!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
    <textarea class="RichTextArea" id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
        &lt;p&gt;This is the first paragraph.&lt;/p&gt;
        &lt;p&gt;This is the second paragraph.&lt;/p&gt;
        &lt;p&gt;This is the third paragraph.&lt;/p&gt;
    </textarea>
</div>

Ich mag wissen, ob jemand eine Idee, wie hat dieses Problem zu beheben?

Answer 1

Versuchen Aufruf tinyMCE.init (...), nachdem Sie das enthält div sichtbar machen.

Answer 2

Diese Frage es ist ziemlich alt, aber ich hatte auch dieses Problem. Ich mit Inline-Styles festgelegt.

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

Um es einfacher ich dieses einfache Skript bauen ir vor der init für mich zu tun ()

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