Question

请任何人帮助我。我有一个html页面，我在其中添加了一个来自ColorBox的模态弹出窗口。在ColorBox弹出窗口中，我添加了一个CKEditor。问题如下：

在IE中，CKEditor工作正常，但在FF＆amp; Chrome，我在只读模式下得到CKEditor（我不能在其中键入任何内容）。如果我将CKEditor直接放入页面（而不是模态弹出窗口），它在所有浏览器中都能正常工作。

我认为这可能是CKEditor生成的其中一个元素的z-index问题。但我不知道究竟是哪一个？

我非常感谢一些帮助，请提前感谢！

Answer 1

我们通过切换灯箱解决了我们的问题，而不是使用ColorBox，使用简单模态。我有一种有趣的感觉，它会对你有用。祝你好运！

Answer 2

<script>
  $(document).ready(function() {
    initCKEditor(); //function ckeditor.
    $("#id_textarea").val(CKEDITOR.instances.id_textarea.getData());
  });
</script>

Answer 3

在colorbox “onComplete”回调中渲染/创建ckeditor。

请在此处查看回调：http://www.jacklmoore.com/colorbox

Answer 4

经过一些调试后，我发现这是因为CSS规则。

在名为kama的皮肤中，您需要在mainui.css中更改以下CSS规则：

.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe
{
    position: absolute;
    top: 0;
}

致：

.cke_skin_kama .cke_browser_ie.cke_browser_quirks .cke_contents iframe
{
    top: 0;
}

根据您的设置，您可能需要在skins/kama/editor.css

中进行更改

但我建议升级到更新版本的ckeditor。我在版本3.6.2上发现了这个问题。

ColorBox模式弹出窗口中的CKEditor问题

4 个答案: