css - TinyMCE 菜单在引导模式中不起作用
问题描述
将 TinyMCE 编辑器放置在引导模式中时,编辑器可见且正常运行,但是单击菜单项时,该菜单不显示。
解决方案
Bootstrap 会阻止focusin
来自对话框外元素的所有调用。要在 Bootstrap 对话框中呈现 TinyMCE 实例,请添加以下代码:
// 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();
}
});
这是一个例子: http: //fiddle.tinymce.com/gRgaab
推荐阅读
- r - 从R中的字符串向量匹配单词
- ms-access - 这个问题与 MS Access 相关的 Left Join 有关
- visual-studio - 如何在 VS17 中禁用自动添加空格(例如 if 条件行)
- swift - 当我拍照时,我的 bluView 变成透明的?
- microservices - hazelcast 与微服务
- spring - 如何修复此错误:无法写入 JSON:无法延迟初始化角色集合:com.cashregister.demo.model
- reactjs - 使用 React-Query 挂钩有条件地调用 API
- c# - Blazor WebAssembly 监控线程异常
- java - Java 8 Swing 应用程序:javax.net.ssl.SSLKeyException:RSA premaster secret 错误
- ios - 使用 Xamarin iOS 将 Firebase 数据添加到 Tableview