Question

我正在尝试将我在WYSIWYG编辑器（CK编辑器）中创建的输入传递给JQuery。目前，无论我输入什么，它都是空白的。

HTML：

<textarea type='text' class="ckeditor reply"  name='reply'></textarea>
<button type="button" STYLE="align: right;" class="btn btn-info reply_button yGreenButton">Submit Reply</button>

JS：

<script>
$(function()
{
    $('.reply_button').click(function(){

        var reply=$(this).siblings('.reply').val();

    });
});
</script>

textarea显示为CKeditor。点击reply_button时提醒的当前值是空白的，无论我放入CKeditor textarea。如何获取我输入的实际内容以提醒？

非常感谢建议。

最佳，

Answer 1

这是一个CKEditor，你必须使用他们的API：

var editor = CKEDITOR.replace( '.ckeditor' );
editor.getData();

可以找到API文档here。

Answer 2

您有两个选择 - 可以直接使用CKEditor API，也可以使用CKEditor适配器进行jQuery。

要直接使用CKEditor API，您需要编辑器实例。您可以使用相关id的{{1}}或name或自动生成的名称（'editor1'，'editor2'等）从CKEDITOR.instances对象获取该对象。在你的情况下：

textarea

要使用jQuery适配器，您需要在var editor = CKEDITOR.instances.reply; var val = editor.getData();之后加载adapters/jquery.js文件，然后您可以轻松检索值：

ckeditor.js

就像使用普通var val = $( '.ckeditor' ).val();一样。请阅读jQuery adapter guide中的详情，然后查看CKEditor with jQuery sample。

从WYSIWYG CKEditor传递textarea值

2 个答案: