TinyMCE 4 links plugin modal in not editable

Question

I am using tinyMCE4 editor inside a Boostrap modal dialog. when I clicked on link icon it opens a new modal dialog box, It displayed fine but the input areas are not editable. ``` ``` Any suggestions Thanks in advance

Accepted Answer

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();
    }
});
```

TinyMCE 4 links plugin modal in not editable

Solution

Problem

Related problems