Tinymce metin editörü, bootstrap modal penceresinde çalışmıyor

Question

Projemde tinymce text editor kullanıyorum, ana pencerede düzgün çalışıyor ancak bootstrap modunu yüklemeye çalıştığımda basit textarea görünüyor ve Tinymce seçeneği yok. İşte sitem ve giriş bilgim: hmodelschool.co.nf, email: admin@example.com pass: 1234 Haber bölümünde, tinymce seçeneğinin düzgün bir şekilde geldiğini göreceksiniz. ama ben bootstrap modal tinymce seçeneği ile düzenlemeye çalıştığınızda seçeneği gelmiyor. ne yapmalı. Burada kullandığım kodum. include.top.php CDn'den tinymce yüklüyorum. Ana sayfa news.php içinde

<!--tinymce text editor--> 
    <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 
    <script>tinymce.init({ 
    selector: 'textarea', 
    height: 300, 
    theme: 'modern', 
    plugins: [ 
    'advlist autolink lists link image charmap print preview hr anchor 
    pagebreak', 
    'searchreplace wordcount visualblocks visualchars code fullscreen', 
    'insertdatetime media nonbreaking save table contextmenu 
    directionality', 
    'emoticons template paste textcolor colorpicker textpattern 
    imagetools' 
    ], 
    toolbar1: 'insertfile undo redo | styleselect | bold italic | 
    alignleft aligncenter alignright alignjustify | bullist numlist 
    outdent indent | link image', 
    toolbar2: 'print preview media | forecolor backcolor emoticons', 
    image_advtab: true, 
    });</script> 

i ile diyorum:

<div class="form-group"> 
    <label class="col-sm-3 control-label"> 
    <?php echo get_phrase('news');?></label> <div class="col-sm-5"> 
    <div class="box closable-chat-box"> <div class="box-content padded"> 
    <div class="chat-message-box"> <textarea name="news" id="ttt" 
    rows="5" placeholder="<?php echo get_phrase('add_news');?>" 
    class="form-control"></textarea> </div> 
    </div> 
    </div> 
    </div> 
    </div> 

ve ayrıca modal_edit_news.php i ile diyorum:

<div class="form-group"> 
    <label class="col-sm-3 control-label"> 
    <?php echo get_phrase('news');?></label> <div class="col-sm-5"> 
    <div class="box closable-chat-box"> <div class="box-content padded"> 
    <div class="chat-message-box"> <textarea name="news" id="ttt" 
    rows="5" placeholder="<?php echo get_phrase('add_news');?>" 
    class="form-control"></textarea> </div> 
    </div> 
    </div> 
    </div> 
    </div> 

Ve tinymce sadece bootstrap modal üzerinde çalışmıyor. Herhangi bir yardım büyük takdir edilecektir.

Answer 1

Bir AJAX isteğinin üzerine bir model yüklerken benzer bir sorunla karşılaşmıştım. Çözüm, modalın yüklenmesiyle ilgili TinyMCE düzenleyicisini başlatmaktır.

$('#myModal').on('shown.bs.modal', function() { 
    tinymce.init({ 
    selector: 'textarea', 
    height: 300, 
    theme: 'modern', 
    plugins: [ 
     'advlist autolink lists link image charmap print preview hr anchor 
     pagebreak', 
     'searchreplace wordcount visualblocks visualchars code fullscreen', 
     'insertdatetime media nonbreaking save table contextmenu 
     directionality', 
     'emoticons template paste textcolor colorpicker textpattern 
     imagetools' 
    ], 
    toolbar1: 'insertfile undo redo | styleselect | bold italic | 
    alignleft aligncenter alignright alignjustify | bullist numlist 
    outdent indent | link image', 
    toolbar2: 'print preview media | forecolor backcolor emoticons', 
    image_advtab: true, 
    }); 
})