Obtenir des données contentEditable et l'afficher via ajax

Question

je la div suivante:

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

et la jquery suivante:

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

Le résultat que je reçois est:

Array ([ckc] => undefined) 

Comment obtenir le contenu de la div modifiable:

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

dans un var et le poste via ajax

Answer 1

Modifier

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

Pour

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

En ce moment, la première instruction est l'attribut de réglage contenteditable Pour true. Vous souhaitez seulement récupérer le HMTL du div txt_reporter.