Bootstrap Integration
How to override the built-in block on `focusin` in Bootstrap dialogs when using TinyMCE.
Contribute to this pageUsing TinyMCE in a Bootstrap Dialog
You need to override the built-in block on focusin
in Bootstrap dialogs when using TinyMCE inside it. See this fiddle for a working example.
Bootstrap blocks all focus events on contents within the dialog. Add this script to your page, and it will allow users to click inside the editor.
// Prevent Bootstrap dialog from blocking focusin
$(document).on('focusin', function(e) {
if ($(e.target).closest(".mce-window").length) {
e.stopImmediatePropagation();
}
});
A note about integrations
Note: We are pleased to provide integrations/code guidance to help you build great products with TinyMCE. If you have queries about this integration, please join the TinyMCE Community.
Was this article helpful? Yes - No
Well, that's awkward . Would you mind opening an issue or helping us out?
Thanks for the feedback!
Can't find what you're looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.