javascript - 如何从文本区域获取值

Question

我正在从事一个使用 CKEditor 的项目。我有一个具有多个属性的面板来创建工具提示。我选择 CKEditor 将内容插入到工具提示中，因为它对用户非常有用。

如果我使用普通的文本区域插入我想要的内容，一切正常。但是我想使用 CKEditor 而不是普通的文本区域。我不知道发生了什么，但工具提示没有得到我写的内容。

谁能帮我一把？

// Normal textarea, this works
<textarea id="editor1" autocomplete="off"></textarea>

CKEditor的脚本:

<textarea id="editor1" name="editor1" autocomplete="off"></textarea>
<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );
</script>

我已经阅读了有关插入 ckeditor.instances... 等的 JavaScript 代码，但我无法弄清楚它是如何工作的。

Answer 1

CKEditor 库注册了一个 global variable (object) CKEDITOR(指window.CKEDITOR):

console.log( CKEDITOR );
> Object {...}

当你create an instance ，假设使用 CKEDITOR.replace()，它已在 CKEDITOR.instances object 中注册.此对象中的键对应于实例的名称。

console.log( CKEDITOR.instances.editor1 );
> Object {...}

这是您访问编辑器 API 的方式，直到您销毁它。所以如果你想 retrieve data从你的编辑器，基本上调用:

console.log( CKEDITOR.instances.editor1.getData() );
> "<p>Some text</p>"

如果你想使用 jQuery 来玩 CKEditor，有一个 official wrapper (adapter)用于 CKEditor API。

此外，考虑到您想使用 CKEditor 为某些工具提示生成 HTML，您可能希望避免由编辑器创建段落(默认行为)。您可以通过设置 configuration option 来做到这一点: config.enterMode 到 CKEDITOR.ENTER_BR。参见 the article关于配置 CKEditor。