jquery - TinyMCE 4 links plugin modal in not editable -

i using tinymce4 editor inside boostrap modal dialog. when clicked on link icon opens new modal dialog box, displayed fine input areas not editable.

<div id="editing" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true">     <form>     <label>       <span>description</span>       <div id="description"></div>     </label>      <form>  </div>    <script>     tinymce.init({     selector: 'div#description',     inline: false,     theme : "modern",     schema: "html5",     add_unload_trigger: false,     statusbar: false,     plugins: "link",     toolbar: "link | undo redo",     menubar: false  });     </script> 

any suggestions

thanks in advance

from https://github.com/tinymce/tinymce/issues/782

for jquery ui dialogs can this:

$.widget("ui.dialog", $.ui.dialog, {     _allowinteraction: function(event) {         return !!$(event.target).closest(".mce-container").length || this._super( event );     } }); 

this seems more generalized solution might able modify bootstrap:

$(document).on('focusin', function(e) {     if ($(e.target).closest(".mce-window").length) {         e.stopimmediatepropagation();     } });