TinyMCE и JQuery UI dialog modal
А именно редактор tinymce не корректно обрабатывает «вложенные» модальные окна в открытом модальном окне:
|
1 2 3 |
$("#pg_add_edit").dialog({autoOpen: false,height: 600,width: 800,modal:true,title: "Добавление новости" }); $("#pg_add_edit" ).dialog( "open" ); $("#pg_add_edit").load("controller/client/view/news/news.php?step=add"); |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<form ENCTYPE="multipart/form-data" action="?content_page=news&step=<?php echo "$step&newsid=$id"; ?>" method="post" name="form1" target="_self"> <input name=dtpost id=dtpost value="<?php echo "$dtpost"; ?>"><br> <input name=title id=title value="<?php echo "$title";?>" class="span8" placeholder="Заголовок"><br> <textarea class="span12" id="txt" name=txt rows="15" placeholder="Введите новость"> <?php echo "$txt";?> </textarea> </form> $('textarea').tinymce({ script_url : 'js/tinymce/tinymce.min.js', theme : "modern", mode: "none", 'theme_advanced_buttons3_add': 'code', plugins: "save fullscreen link emoticons code", toolbar: "save fullscreen link emoticons", save_enablewhendirty: true, save_onsavecallback: function() {document.form1.submit();} }); |
Дает результатом не редактируемые поля в диалоговых окнах tinymce, например при вызове диалога добавления ссылки (link).
На форумах дают совет добавить в код:
|
1 2 3 4 5 |
$(document).on('focusin', function(e) { if ($(event.target).closest(".mce-window").length) { e.stopImmediatePropagation(); } }); |
Однако мне не помогло. Пришлось пока отказаться от модальных окон, до момента «пока не найду решение».