一旦调用 CKeditor 实例，Javascript 就无法更改文本区域中的文本

Question

好吧，我首先编写了一个 JavaScript 函数，它会根据您在下拉框中所做的选择来更改 textarea 中的文本，这是一件非常简单的事情。

HTML

<form name="formconteudo">
<select name="selectpage" onChange="change();">
<option value="1">something</option>
<option value="2">another thing</option>
<option value="3">going crazy</option>
</select>
</form>

JS

var Code = new Array("", "Selected 1", "Selected 2", "Selected 3");
function change()
{
var ID =  formconteudo.selectpage.options[formconteudo.selectpage.selectedIndex].value;
document.formconteudo.ckeditor.value = Code[ID];
}

这非常有效，并且更改了文本区域中的文本。但后来我在该文本区域上调用了 CKeditor 实例，以便我可以在该文本区域上使用 CKEditor。编辑器加载良好且运行良好。但现在 JavaScript 不工作了。

有关问题的任何提示吗？

谢谢

Answer 1

您将需要在编辑器上使用 setData 方法。

这里是他们文档中的示例。

CKEDITOR.instances.editor1.setData( '<p>This is the editor data.</p>' );

这意味着您的代码将如下所示：

var Code = new Array("", "Selected 1", "Selected 2", "Selected 3");
function change()
{
var ID =  formconteudo.selectpage.options[formconteudo.selectpage.selectedIndex].value;
CKEDITOR.instances.editor1.setData( '<p>' + Code[ID] + '</p>' );
}

注意 instances.editor1 可能不会引用您的框，因此请务必使用正确的名称

Answer 2

我在这个问题上花了几天时间，每个人都不断给我奇怪的解决方案。检查了他们的API，它甚至还给出了一个例子。

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor .html#setData

    CKEDITOR.instances.YOUREDITORID.updateElement();
    alert( document.getElementById( 'YOUREDITORID' ).value );  // The current editor data.

其中'YOUREDITORID'是CKeditor要使用的文本区域的ID。

希望这有帮助！