CKEditor：獲取編輯器的源DOM元素？

Question

我想知道：在引用編輯器對象時，如何獲取該編輯器的實際底層源DOM元素 - 例如。 textarea？

類似editor.element？ （不起作用）

謝謝。

Answer 1

有幾個要素，你可能感興趣的：

• editor.element - 上編輯初始化的原始元素。這可以是一個textarea框架編輯器的情況下，可編輯元素contenteditable屬性的情況下內聯編輯器或容器中添加了編輯器（當使用CKEDITOR.appendTo）。
• editor.container - 主要的CKEditor UI容器。
• editor.editable() - 這是一種返回當前CKEDITOR.editable實例的方法。可編輯的元素繼承，它是放置編輯器內容的元素，例如，在線內編輯器的情況下，可編輯等於editor.element（儘管===將不起作用，因爲它不是相同的實例）並且在框架編輯器可編輯的情況下iframe內的body元素。

現在，CKEditor有自己的DOM操作庫（它不使用jQuery，因爲它早在它之前創建）。所有這些屬性和方法都會返回與jQuery非常不同的CKEDITOR.dom.element實例。

但是，你可以解開的CKEditor的元素，敷在jQuery的：

jQuery(editor.editable().$).css('color', 'red'); 

// Or: 

jQuery(editor.element.$).hide();