修正tinyMCE的Tool > Source Code在Bootstrap 的Modal Window下不能正常工作问题

昨天有同事反映说后台做行程的一个编辑器, 出问题了。一看tinyMCE的Plugin  Tool > Source Code 在BootStrap的Modal Window下不能编辑.

tinymce_error

 

 

 

 

 

 

 

一开始以为是Chrome兼容性问题, 因为在console log发现了以下错误。加上了async: false还是不管用。

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/.

send @ jquery-1.11.1.min.js:4

 

经过Google一番, 原来是BootStrap的Propagation问题导致的,加上以下代码,问题解决。

// prevent Bootstrap from hijacking TinyMCE modal focus
$(document).on(‘focusin’, function(e) {
if ($(e.target).closest(“.mce-window”).length) {
e.stopImmediatePropagation();
}
});