javascript - 如何以编程方式查询 CKEDITOR 内容？

Question

看了http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#getData之后，我尝试了一些变体来代替 editor1:

var editor_contents = CKEDITOR.instances.editor1.getData();

Chrome 的控制台报告它无法读取未定义的属性 getData。我已经尝试了引用的行、editor0 和暂存器(后者是我提供给 CKEDITOR 的 TEXTAREA 的 HTML ID)。他们都得到同样的错误。

我应该(或应该？)如何调用 getData() 来获取带有 HTML ID“scratchpad”的 TEXTAREA 的内容？我尝试查询 jQuery('#scratchpad')，但我从中获得的返回值是用于最初填充 #scratchpad 的值，并且没有显示后续编辑。

我很想知道如何以编程方式查询 CKEDITOR 小部件的实时内容。

谢谢，

--编辑--

我尝试检查该元素，并在此基础上尝试了以下操作:

var editor_contents = jQuery('td#cke_contents_scratchpad iframe body.cke_show_borders').html();

得到一个未定义的值。我的猜测是 Chrome 的检查器以一种方便的方式而不是 jQuery 的方式呈现 iframe。 (这个猜测是不是有误？)

Answer 1

听起来你要么用错误的 id 调用，要么如果你想使用 jquery，你还没有更新 textarea 元素。

要修复“我从中获得的返回值是最初用于填充#scratchpad 的值，并且没有显示后续编辑”，您需要调用 updateElement()。有关如何在获取值之前执行此操作的更多详细信息，请参阅此答案:https://stackoverflow.com/a/9924844/694325

但我还会检查您是否真的设置了正确的 id 并且您的元素是 editor1。如果我们同时看到您的 HTML 和用于替换编辑器的 JavaScript，将会有所帮助。