Fetch contenteditable = true data

Question

Я хочу получить данные из тега div, которые устанавливают contenteditable = true Я использовал автозавершение в этом. DATA успешно извлечена, но когда я пишу элемент, который написан в поле автозапусков, тогда он не будет извлечен потому что это добавить HTML-теги и это обыкновение сохранять в базу данных Мой код если данные изменились:

var timeoutID; 
$('[contenteditable]').bind('DOMCharacterDataModified', function() { 
    clearTimeout(timeoutID); 
    $that = $(this); 
    timeoutID = setTimeout(function() { 
     $that.trigger('change') 
    }, 50) 
}); 
$('[contentEditable]').bind('change', function() { 
    getTextChangeContent(); 
}); 

UPDATE

function getTextChangeContent() { 
    var ma = document.getElementById('myAudio'); 
    var remove = ma.src.slice(0, -4); 
    var path = remove.substring(remove.lastIndexOf("/") + 1); 
    var newPath = path.concat('.wav'); 
    var text_id = document.getElementById('textbox'); 
    var textdata = text_id.innerHTML; 
    $.ajax(
     { 
      type: "POST", 
      url: '@Url.Action("getChangeContent")', 
      dataType: "json", 
      mtype: "post", 
      data: { arg: varid, content: textdata, path: newPath }, 
      async: true, 
      success: function (data) { 
       alert(data + " DATA"); 
      } 
     }); 
} 

, когда я изменил данные и использовать самовнушение, то он будет показывать данные, как

The door is blacl <span class="atwho-inserted">[[Ceilings]]</span>&nbsp; 

Как игнорировать HTML теги и принимать только значения, что? Plz предложите мне

Answer 1

Извлечь innerText, а не innerHTML, чтобы игнорировать содержимое HTML. Если вы хотите только содержимое внутри тега html с классом .atwho-inserted, то извлекайте только этот контент.

var textdata = text_id.innerText;