CONTENTEDITABLE获取数据，并通过AJAX张贴

Question

我有以下DIV：

<div id="txt_reporter" contenteditable="true">I am contents</div> 

及以下的jQuery：

<script> 
$('#submit_inc').click(function(e) { e.preventDefault(); 

    $('#dynamic_content').html('Submitting...'); 

var txt_reporter = $('#txt_reporter').attr("contenteditable", "true"); 


    $.ajax({ 
     url: 'tools/inc_submit.php', 
     type: 'POST', 
     data: 'ckc='+ txt_reporter, 
     dataType: 'html' 
    })  


.done(function(data){ console.log(data);  
    $('#dynamic_content').html(''); 
    $('#dynamic_content').html(data); 
    })   
}); 
</script> 

我得到的结果是：

Array ([ckc] => undefined) 

如何获取可编辑div的内容：

<div id="txt_reporter" contenteditable="true"> 

成变种，并通过AJAX

Answer 1

变化

var txt_reporter = $('#txt_reporter').attr("contenteditable", "true"); 

后它

var txt_reporter = $('#txt_reporter').html(); 

眼下，第一个语句设置属性contenteditable要true。您只希望检索txt_reporter div的HMTL。