TinyMCE和jquery.colorbox

时间:2012-05-26 12:15:40

标签: javascript tinymce colorbox

我在jquery.colorbox中打开了TinyMCE,一切正常,所有图标都是可点击的,我可以通过HTML图标更新textarea,但我无法点击实际的编辑框!

如果我在Colorbox外面打开TinyMCE,一切正常。

之前是否有人遇到此问题,如果有,我该如何解决?

最新编辑,没有在这里得到任何爱好!

我刚刚知道这实际上在IE中几乎完美无缺。在Chrome和FF中,我不能输入框,但在IE中我可以,但是只有当我点击了#34;任何关键字"而我的光标有框的焦点。然后,文本奇迹般地出现,我可以随意输入和更新。

任何???

旧编辑

这可能是一个z索引问题,我不确定,因为其他所有内容都在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

我能找到的关于这个问题的任何东西都是在jQuery ColorBox或jQuery Dialog的同时加载tinyMCE,这会得到相同的结果。

在PHP和其他技术方面这样做的人一直遇到更多麻烦,在我的情况下一切正常但我无法输入testArea / EditorFor。

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

1 个答案:

答案 0 :(得分:2)

我相信这是因为彩盒会捕捉焦点并阻止对彩色边界之外的任何事物进行聚焦。 TinyMCE在彩色盒外创建一个iFrame,你无法点击它。

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