Текстовый редактор Tinymce не работает в модальном окне bootstrap

Question

Я использую текстовый редактор tinymce в своем проекте, он работает правильно в главном окне, но когда я пытаюсь загрузить bootstrap modal, появляется простое текстовое поле и нет опции Tinymce. Вот мой сайт и информация для входа: hmodelschool.co.nf, email: admin@example.com pass: 1234 В разделе новостей вы увидите, что параметр tinymce идет должным образом. но когда я пытаюсь отредактировать с опцией bootstrap modal tinymce, не приходит. что делать. Вот мой код, который я использую. in include.top.php Я загружаю tinymce из cdn.

<!--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> 

на главной странице news.php я звоню его:

<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> 

, а также в modal_edit_news.php я звоню его:

<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> 

И tinymce не просто работает на bootstrap modal. Любая помощь будет принята с благодарностью.

Answer 1

Я столкнулся с подобной проблемой при загрузке модального файла по запросу AJAX. Обходной путь заключается в инициализации редактора TinyMCE при загрузке модального файла.

$('#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, 
    }); 
})