لا يتم عرض محرر TinyMCE داخل شعبة مخبأة أثناء تمكين عندما نضع شعبة مرئية

Question

وأواجه مشكلة مع محرر TinyMCE (WYSIWYG محرر). أنا في الواقع إضافة جزء النص داخل عنصر HTML مثل DIV الذي هو وجود حاليا سمة نمط "عرض: لا شيء".

يظهر

وعندما أقوم بتغيير اسلوب العرض DIV إلى مرئية محرر محرر TinyMCE أثناء تعطيله.

ملحوظة هامة: الإعداد الذي يسبب المشكلة هو الخيار "auto_resize". هذا هو الخيار الوحيد الذي أستطيع تشغيل / إيقاف التي تجعل من محرر محرر TinyMCE يذهب في تحرير أو وضع للقراءة فقط.

إليك قانون بلدي:

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>

وأود أن أعرف إذا كان أي شخص لديه فكرة عن كيفية إصلاح هذه المسألة؟

Answer 1

وحاول الاتصال tinyMCE.init (...) بعد إظهار div الذي يحتوي.

Answer 2

وهذا السؤال انها قديمة جدا، ولكن لم يكن لدي هذه المشكلة أيضا. أنا ثابت مع أنماط المضمنة.

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

لجعله أسهل أبني هذا السيناريو بسيطة للقيام الأشعة تحت الحمراء بالنسبة لي قبل الحرف الأول ()

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