如何以编程方式确定 CKEditor 实例的名称

Question

我已以编程方式将 CKEditor 实例添加到 ASP.NET 页面的代码隐藏中的页面：

VB.NET:

itemEditor = New CkEditor
cell.Controls.Add(itemEditor)

... 工作正常。我可以获取回发的 HTML 并用它做一些事情。

但是，我还想用它做一些客户端操作，特别是从另一个控件中取出选定的项目，并通过处理 onchange 事件将其插入到文本中。

那么，如何在 JavaScript 中获取编辑器实例的名称，以便我可以执行以下操作：

function GetCkText()
{
    var htmlFromEditor = CKEDITOR.instances['editorName'].getData();
    // do stuff with htmlFromEditor
}

Answer 1

假设您只有一个编辑器实例：

for ( var i in CKEDITOR.instances ){
   var currentInstance = i;
   break;
}
var oEditor   = CKEDITOR.instances[currentInstance];

以下是 JavaScript API 关于 实例< 的说法/a>.

这是定义 CKEditor 的另一种方法。这里“fck”是输入字段 id：

CKEDITOR.replace( 'fck', {
    customConfig : prefix + 'js/ckeditor/config.js',
    height: 600,
    width: 950
});

editor = CKEDITOR.instances.fck;

请注意我如何使用 .fck 引用该实例。

Answer 2

如果您只有一个实例并且您不知道它的名称。

CKEDITOR.instances[Object.keys(CKEDITOR.instances)[0]].getData()

Answer 3

以下代码：

var allInstances=CKEDITOR.instances;
for ( var i in allInstances ){
    alert(allInstances[i].name);
}

对我来说效果很好。

Answer 4

好吧，我找到了一种方法...但我不太喜欢它...

我在添加编辑器后向页面添加了一个隐藏字段控件，并将编辑器的 ClientId 放入其值中：

Dim hdn As New HiddenField
With hdn
    .ID = "HiddenField"
    .Value = itemEditor.ClientID
End With
cell.Controls.Add(hdn)

.. 和然后在 JavaScript 中，我可以获得隐藏字段，因此编辑器名称如下：

function GetCkText()
{
    var hdn = document.getElementById("HiddenField");
    var editorName = hdn.getAttribute("value");
    var editor = CKEDITOR.instances[editorName];
    alert(editor.getData());
    return false;
}

但至少可以说，它有点不优雅。有人有更好的办法吗？

Answer 5

如果您使用 CKEDITOR.appendTo(...)，请记住 ckeditor 会在内部创建实例名称。因此，您可以在创建名称后立即查询该名称，然后将其存储在某处，并在以后使用。

var lvo_editor = CKEDITOR.appendTo( "my_div" , null , lvs_html ) ; 
my_global_var  = lvo_editor.name                                 ;

顺便说一句：CKEDITOR.replace(...) 方法允许您定义实例名称（请参阅上面的答案）

Answer 6

如果您需要来自插件的实例，至少在版本 4+ 中您可以执行此操作。

CKEDITOR.currentInstance

在这里我想知道我应用 ckeditor 的文本区域的名称。

CKEDITOR.currentInstance.name