TinyMCE 和 jquery.colorbox

Posted 2023-05-09

【中文标题】TinyMCE 和 jquery.colorbox

【英文标题】：TinyMCE and jquery.colorbox

【发布时间】：2012-06-01 17:27:25

【问题描述】：

我在 jquery.colorbox 中打开了 TinyMCE，一切正常，所有图标都是可点击的，我可以通过 html 图标更新文本区域，但我无法点击实际的编辑器框！

如果我在 Colorbox 之外打开 TinyMCE，一切正常。

以前有没有人遇到过这个问题，如果有，我该如何解决？

最新编辑，这里没有得到任何爱！

我刚刚发现这实际上在 IE 中几乎可以完美运行。在 Chrome 和 FF 中，我无法在框中输入内容，但在 IE 中我可以，但前提是我在光标处于框的焦点时点击“THE ANY KEY”。然后文本奇迹般地出现了，我可以随意输入和更新。

有人吗？？？

下面的旧编辑

这可能是 z-index 问题，我不确定，因为其他所有内容都在 ColorBox 之上打开，包括插入图像和我的文件浏览器。只是TextAera我无法点击！

更多信息

我的网站是 MVC3，我正在加载 TinyMCE，正如本教程中所做的那样：http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget

我能找到的关于这个问题的任何事情都是在加载 tinyMCE 的同时加载 jQuery ColorBox 或 jQuery Dialog，这会产生相同的结果。

在 php 和其他技术中执行此操作的人遇到了更多麻烦，在我的情况下，一切正常，但我无法输入 testArea/EditorFor。

我现在认为 z-index 与它无关，所以我将尝试确保 在 ColorBox 完成加载后加载 TinyMCE！

【参考方案1】：

我相信这是因为颜色框会捕获焦点并阻止焦点在颜色框范围之外的任何内容上。 TinyMCE 在颜色框外创建一个 iFrame，你不能点击它。

尝试在颜色框选项中将 trapFocus 设置为 false。

【讨论】：

这正是我遇到的问题，这个修复完成了工作

【参考方案2】：

在插件插件中添加链接作为选项：“链接”

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。