Получите текстовое содержимое из контентного контента div через javascript

Question

Я хочу получить текстовый контент из contentEditable div через javascript. Каковы варианты этого? Я пробовал innerHTML, но он не работает.

Answer 1

использование JQuery и сделать

var content = $('#my-contenteditable-div').html();

также посмотреть следующие ссылки:

http://west-wind.com/Weblog/posts/778165.aspx

Extracting text from a contentEditable div

Answer 2

lblMailContent является идентификатор редактируемого поля.

var details= document.getElementById("lblMailContent").innerHTML; 

Положить этот код в clientClick. Это сработало для меня.

Answer 3

Почему бы не использовать TextContent для этого:

var contenteditable = document.querySelector('[contenteditable]'), 
    text = contenteditable.textContent; 

http://jsfiddle.net/E4W8y/1/

Answer 4

Использование текстового содержимого, работает хорошо в большинстве случаев Рабочий пример: jsfiddle (проверено в Safari)

Answer 5

Я решил это так, потому что мне нужен html-ввод:

message = $('<div>').html(
    $('#area').html() 
    .replace(/<(div|p|br)[^<]*?>/g, '&lt;br /&gt;') 
    .replace(/<([(i|a|b|u)^>]+)>(.*?)<\/\1>/gim, 
     function(v) { return '' + escape(v) + ''; }) 
).text(); 

Позволяет теги A, B, I, U и заменяют дивы и Ps с БЗОМ

Answer 6

К сожалению, я обнаружил, что innerText является единственным способом сохранить в новых строки contenteditable узлов DOM. То, что я делаю (проверено только в хроме на данный момент), таково:

var innerText = editableDiv.innerText // using innerText here because it preserves newlines 
if(innerText[innerText.length-1] === '\n') 
    innerText = innerText.slice(0,-1)    // get rid of weird extra newline 
return innerText