TinyMCE 4 links plugin modal in not editable
Ran into this issue as well. The code provided by prabu on his JS Fiddle almost worked perfectly.
I had to make a slight modification to it so that it would work for the MoxieManager fields when they are open as well.
$(document).on('focusin', function(e) {
if ($(e.target).closest(".mce-window").length || $(e.target).closest(".moxman-window").length) {
e.stopImmediatePropagation();
}
});
This allows for editing images or renaming file paths in the MoxieManager when opened inside a Bootstrap Modal. Thanks for this.
From https://github.com/tinymce/tinymce/issues/782
For jQuery UI dialogs you can do this:
$.widget("ui.dialog", $.ui.dialog, {
_allowInteraction: function(event) {
return !!$(event.target).closest(".mce-container").length || this._super( event );
}
});
This seems to be a more generalized solution that you might be able to modify for Bootstrap:
$(document).on('focusin', function(e) {
if ($(e.target).closest(".mce-window").length) {
e.stopImmediatePropagation();
}
});
Update:
For the new version of ag-grid (20.2.0), if you are using the silver theme, mce-window
was renamed to tox-dialog
so you can just change the target class.
$(document).on('focusin', function(e) {
if ($(e.target).closest(".tox-dialog").length) {
e.stopImmediatePropagation();
}
});