javascript - 如何在 jqueryui 对话框中创建 ckeditor？

Question

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

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

它工作正常，直到我想使用编辑器中的对话框（fe 对话框设置 URL，对话框创建表）

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

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

有谁知道这是为什么？

Answer 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
});

希望这可以帮助。

Answer 2

很简单，只是下一个代码（对不起格式，但我正在使用我的手机回复）

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