Question

我试图在ckeditor（textarea）上输入打字文本，但我遇到了一些麻烦：

这是我的代码：

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#editor').ckeditor();


    var editor = $('#editor').ckeditorGet(); 

    var data = $('#editor').val(); 
    window.alert(data);
    window.alert(CKEDITOR.instances['editor'].getData());

});
</script>

    <body>


<form method="post">
    <textarea  name="editor" id="editor"></textarea>
<input type="submit" value="Submit">
</form>

两个警报的结果为空。我做错了什么？

Answer 1

这是因为您在页面加载时调用了提醒。那时，textarea上还没有任何东西。

将事件绑定到文本框后要显示的内容，例如，当您单击“提交”按钮时：

$(document).ready(function(){
    $('#editor').ckeditor();
    $('input[type=submit]').on('click', function() {
        window.alert($('#editor').val());
    });
});

此外，您可能希望将click事件绑定到document，因此即使您以编程方式添加新提交，也会发生这种情况。要做到这一点，请绑定事件，如下所示：

$(document).on('click', 'input[type=submit]', function() {
    window.alert($('#editor').val());
});

如何在CkEditor上输入文本

1 个答案: