Bootstrap integration

发布于 2019-05-06 字数821 浏览 667 评论 0

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 ($(".mce-window").length) {

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.