CKEditor 如何获取 UIElement

Question

我需要在 CKEditor 对话框中有两个选择菜单，第二个选择菜单根据第一个菜单的选定选项更改其选项。你会想很简单！但在 CKEditor 中似乎很难获得 CKEditor 对象的 DOM 等价物。我可以访问 CKEditor 对象，但不能访问其 DOM 等效项。

CKEditor select (UIElement) 对象的实例有一些有用的 DOM 交互，即 getElement() 但我只能在事件方法中使用特殊的 this 关键字访问该对象CKEditor 选择“类”定义。

如何访问 CKEditor UIElement 对象的实例（在本例中为 select）？我只有 CKEditor 对象的 id，由于某些令人沮丧的原因，CKEditor 决定将随机 id 应用于其 DOM 对象等效项。

我尝试访问的实例对象记录在此处：（但没有提及如何获取此实例！） http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR .ui.dialog.select.html

Answer 1

事实上，CKEDITOR.dialog.getCurrent() 方法将允许您从任何函数访问 Dialog 实例，并且从那里您可以访问任何 CKEditor 对象的 UIElement 实例你在追赶。

Answer 2

您可以在对话框初始化期间在 setup 回调中缓存您需要的内容吗？

您可以向 setup 函数传递一个对象，它们可以将需要的内容放在那里。因此，您可以将一个对象传递到您的设置中：

onShow: function() {
    //...
    this.cachedDomIds = { };
    this.setupContent(this.cachedDomIds);
    //...
}

然后在您的 setup 中：

setup: function(cache) {
    //...
    cache.some_dom_id = this.domId;
    //...
}

那么至少您可以访问所有真实的 DOM id 属性，并且您可以 getElementById()< /代码> 根据需要。

Answer 3

感谢您的建议 mu 太短，

我发现我可以使用此方法访问其他选择菜单：

this.getDialog().getContentElement([insert_dialog_name_here], this.getValue()).getElement()

this.getValue 将具有与我之后的 CKEditor UI 元素相同的 id