contentEditable Daten holen und per Post über Ajax

Question

Ich habe folgendes div:

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

und die folgende 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> 

Das Ergebnis ich erhalte ist:

Array ([ckc] => undefined) 

Wie bekomme ich den Inhalt des editierbaren div:

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

in eine var und die Post es über Ajax

Answer 1

ändern

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

Um

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

Im Moment ist die erste Anweisung setzt das Attribut contenteditable Um true. Sie möchten nur die HMTL der txt_reporter Div.