如何在 jqueryui 对话框中创建 ckeditor？答案

【问题标题】：how to create a ckeditor into a jqueryui dialog?如何在 jqueryui 对话框中创建 ckeditor？
【发布时间】：2012-08-06 19:51:16
【问题描述】：

我正在尝试在 jqueryUI 对话框中使用 CKEDITOR 实例。

$('[name=dialog]').dialog();
$('[name=content]','[name=dialog]').ckeditor();

在我想使用编辑器中的对话框之前它工作正常（例如设置 URL 的对话框，创建表格的对话框）

好像我不能点击那个对话框..

我正在检查 z-index（我认为这是问题所在），但什么都没有，它是最高级别，什么都没有，我无法使用这些对话框。

有人知道这是为什么吗？

【问题讨论】：

标签： javascript jquery jquery-ui ckeditor

【解决方案1】：

我知道这篇文章有点晚了，但也许它会帮助下一个人。要在对话框中创建 ckeditor 实例，您必须先加载对话框，然后像这样创建 ckeditor：

$("#mydialog").dialog({
    open: function() {
         $("#mytextarea").ckeditor(); //LOAD IT HERE
    },
    close: function() {
       //you might want to destroy the instance once the dialog closes 
       //to keep things clean
       CKEDITOR.instances["mytextarea"].destroy();
    },
    autoOpen: true, ... more options
});

希望这会有所帮助。

【讨论】：

【解决方案2】：

很简单，就是下一个代码（抱歉格式化，但我正在使用手机回复）

$("<div><textarea id='foo'></textarea></div>").dialog({});
CKEDITOR.replace("foo");

【讨论】：

几个小时前，如果您单击某些 ckeditor 的按钮，我发现它的行为存在一个小错误，所以我已经打开了一张票。如果有人知道如何解决此问题，请跟踪它stackoverflow.com/questions/18084752/…