TinyMCE和jquery.colorbox [英] TinyMCE and jquery.colorbox

问题描述

我在jquery.colorbox中打开了TinyMCE，一切正常，所有图标都是可单击的，我可以通过HTML图标更新textarea，但是我不能单击到实际的编辑器框中！

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

以前有人遇到过这种情况吗？ p>

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

我刚刚得出结论，实际上在IE中几乎可以完美运行。在Chrome和FF中，我无法在方框中键入内容，但在IE中，我只能在光标位于方框焦点处的情况下按 THE ANY KEY，但不能输入。然后奇迹般地出现了文本，我可以随意键入和更新。

任何人???

下面的旧修改

这可能是z-index问题，我不确定，因为其他所有内容都在ColorBox顶部打开，包括Insert Image和我的文件浏览器。

更多信息

我的网站是MVC3，我正在按照本教程中的步骤加载TinyMCE： http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc设置它变得易于使用Nut

我能找到的与此问题有关的任何东西都在同时加载tinyMCE时产生相同结果的jQuery ColorBox或jQuery Dialog。

在PHP和其他技术中执行此操作的人遇到了更多麻烦，就我而言，一切正常，但我无法键入

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

解决方案

我相信这是因为colorbox会捕获焦点并阻止将注意力集中在colorbox边界之外的任何事物上。 TinyMCE在色箱外创建一个iFrame，您无法单击它。

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

I have TinyMCE opening in jquery.colorbox, everything is working, all the icons are clickable and I can update the textarea via the HTML icon but I can’t click into the actual editor box!

If I open TinyMCE outside Colorbox everything works fine.

Has anyone come across this before and if so how can I fix it?

Latest Edit, not getting any loving here!

I just worked out that this actually almost works perfectly in IE. In Chrome and FF I can’t type into the box but in IE I can, BUT only if I hit "THE ANY KEY" while my cursor has the focus of the box. The text then miraculously appears and I can type and update at will.

Anyone???

Old Edits Below

Could this be a z-index issue, I'm not sure because everything else opens on top of ColorBox, including Insert Image and my file browser. it's just the TextAera that I cant click into!

A More little more info

My website is MVC3 and i'm loading TinyMCE as done in this tutorial: http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget

Anything I can find regarding this problem is loading tinyMCE at the same time as jQuery ColorBox or jQuery Dialog, which yields the same result.

People doing this in PHP and other tech have been having more trouble, in my case everything works but I cant type into the testArea/EditorFor.

I now think z-index has nothing to do with it so i'm going to try and make sure TinyMCE is loaded after ColorBox has completed loading!

解决方案

I believe this is because colorbox traps the focus and prevents focus on anything outside the colorbox bounds. TinyMCE creates an iFrame outside the colorbox and you can't click on it.

Try setting trapFocus to false in the colorbox options.

这篇关于TinyMCE和jquery.colorbox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！