You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.1 KiB
1.1 KiB
| layout | title | title_nav | description | keywords |
|---|---|---|---|---|
| default | Bootstrap integration | Bootstrap | How to override the built-in block on `focusin` in Bootstrap dialogs when using TinyMCE. | integration integrate bootstrap |
Using 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(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root").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.