ckeditor getData（）使用jquery在双击“enter”后剪切文本

Question

这是我的代码：

<div class="cmt-container" >
<div class="new-com-bt">
        <span>Write an answer ...</span>
    </div>
    <div class="new-com-cnt">
        <input type="text" id="name-com" name="name-com" value="" style="width: 150px;" placeholder="Your name" />
        <input type="email" id="mail-com" name="mail-com" value="" style="width: 150px;" placeholder="Your e-mail adress" />
        <textarea class="the-new-com" id="ckeditor_id" name="ckeditor_id" placeholder="Your answer"> </textarea>
        <div class="bt-add-com" style="margin-top: 10px;">Post answer</div>
        <div class="bt-cancel-com" style="margin-top: 10px;">Cancel</div>
    </div>
    <div class="clear_comment"></div>
</div>

<script>
    CKEDITOR.replace( 'ckeditor_id' );
</script>
<script type="text/javascript">
   $(function(){ 
        $('.new-com-bt').click(function(event){    
            $(this).hide();
            $('.new-com-cnt').show();
            $('#name-com').focus();
        });

   $(".bt-add-com").css({opacity:1});

        $('.bt-cancel-com').click(function(){
            CKEDITOR.instances['ckeditor_id'].setData('');
            $('.new-com-cnt').fadeOut('fast', function(){
                $('.new-com-bt').fadeIn('fast');
            });
        });

        $('.bt-add-com').click(function(){
            var theName = $('#name-com');
            var theMail = $('#mail-com');

            if( !CKEDITOR.instances['ckeditor_id'].getData() ){ 
                alert('You need to write an answer!'); 
            }else{ 
                $.ajax({
                    type: "POST",
                    url: "http://www.mywebsite.com/add-answer.php",
                    data: 'act=add-com&id_post='+<?php echo $id_post; ?>+'&name='+theName.val()+'&email='+theMail.val()+'&comment='+CKEDITOR.instances['ckeditor_id'].getData(),
                    success: function(html){
                        CKEDITOR.instances['ckeditor_id'].setData('');
                        theMail.val('');
                        theName.val('');
                        $('.new-com-cnt').hide('fast', function(){
                            $('.new-com-bt').show('fast');
                            $('.new-com-bt').before(html);  
                        })
                    }  
                });
            }
        });

    });
</script>

我的问题是，当用户发布一张照片，然后他连续按两次enter按钮时，文本会在图像的后面剪切。

例如：

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·阿伦库斯·莫里斯，nec港口酒后驾车。库拉比图尔是一只图尔皮斯和多尔普尔文雅的鹦鹉。Mauris门厅odio vel scelerisque。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。我们的生命是完整的，我们的生命是完整的。Donec在前庭自由。努克·奥纳雷·佩伦茨克·图皮斯·奎斯·阿库姆桑。Donec orci dui，convallis nunc et调味品，lacinia accumsan quam。

（2排空间）

图像

（2排空间）

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·阿伦库斯·莫里斯，nec港口酒后驾车。库拉比图尔是一只图尔皮斯和多尔普尔文雅的鹦鹉。Mauris门厅odio vel scelerisque。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。我们的生命是完整的，我们的生命是完整的。Donec在前庭自由。努克·奥纳雷·佩伦茨克·图皮斯·奎斯·阿库姆桑。Donec orci dui，convallis nunc et调味品，lacinia accumsan quam。

在上面的示例中，第一个段落和图像将插入数据库中，第二个编号为。

这对我的网站不好。你知道怎么解决这个问题吗？

谢啦

Answer 1

它不是一个编辑。getData（）就是这样做的。在POST请求本身中，日期由于两个双“回车”而被拆分。使用encodeURIComponen（CKEDITOR.instances['CKEDITOR\u id'].getData（））