ckeditor getData()在双击后剪切文本"输入"用jquery

时间:2014-06-29 12:56:54

标签: jquery html ckeditor

这是我的代码:

<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>

我的问题是,当用户发布照片然后他连续两次按下输入按钮时,文本会在图像后面切断。

例如:

Lorem ipsum dolor坐下来,精神上的精神。 Aenean ac rhoncus mauris,nec porta dui。 Curabitur是一种turpis et dolor pulvinar blandit。 Mauris porta vestibulum odio vel scelerisque。类似于每个conubia nostra的taciti sociosqu ad litora torquent,per perosos himenaeos。 Integer consectetur sem vitae urna malesuada,ut ullamcorper justo interdum。 Donec in vestibulum libero。 Nunc ornare pellentesque turpis quis accumsan。 Donec orci dui,condimentum convallis nunc et,lacinia accumsan quam。

(2行空格)

图像

(2行空格)

Lorem ipsum dolor坐下来,精神上的精神。 Aenean ac rhoncus mauris,nec porta dui。 Curabitur是一种turpis et dolor pulvinar blandit。 Mauris porta vestibulum odio vel scelerisque。类似于每个conubia nostra的taciti sociosqu ad litora torquent,per perosos himenaeos。 Integer consectetur sem vitae urna malesuada,ut ullamcorper justo interdum。 Donec in vestibulum libero。 Nunc ornare pellentesque turpis quis accumsan。 Donec orci dui,condimentum convallis nunc et,lacinia accumsan quam。

在上面的例子中,第一段和图像将插入数据库,第二段没有。

这对我的网站不利。知道如何解决这个问题吗?

由于

0 个答案:

没有答案