tinymce-docs-4x/integrations/bootstrap.md

layout, title, title_nav, description, keywords

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(".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.