繁体   English   中英

如何从文本区域获取价值

[英]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.enterModeCKEDITOR.ENTER_BR 请参阅有关配置CKEditor 的文章

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM