![](/img/trans.png)
[英]How to get textarea value from many different textarea with the same IDs
[英]How to get the value from the textarea
我正在使用CKEditor的项目中工作。 我有一个具有多个属性的面板来创建工具提示。 我选择CKEditor将内容插入工具提示中,因为它非常适合用户。
如果我使用普通的textarea插入所需的内容,则一切正常。 但是我想使用CKEditor代替普通的textarea。 我不知道发生了什么,但是工具提示没有得到我写的内容。
有人可以帮我吗?
// 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代码的信息,等等,但是我不知道它是如何工作的。
试试这个代码
$('#editor1').ckeditor(); // to add ckeditor to textbox
$('#editor1').val(); // fetching value from textbox
不要忘记添加jQuery
文件
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/ckeditor/adapters/jquery.js">
CKEditor库注册一个全局变量 (对象) CKEDITOR
(指window.CKEDITOR
):
console.log( CKEDITOR );
> Object {...}
当您创建实例时 ,假设使用CKEDITOR.replace()
,它已在CKEDITOR.instances
对象中注册。 该对象中的键对应于实例的名称。
console.log( CKEDITOR.instances.editor1 );
> Object {...}
这是您访问编辑器API的方式,直到销毁它为止。 因此,如果您想从编辑器中检索数据 ,请基本上调用:
console.log( CKEDITOR.instances.editor1.getData() );
> "<p>Some text</p>"
如果您想使用jQuery与CKEditor一起玩,则有一个官方的CKEditor API 包装器(适配器) 。
同样,考虑到您想使用CKEditor为某些工具提示生成HTML的事实,您可能希望避免通过编辑器创建段落(默认行为)。 您可以通过将配置选项 : config.enterMode
为CKEDITOR.ENTER_BR
。 请参阅有关配置CKEditor 的文章 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.