获取内容可编辑的元素值

Question

How do I get the value of a contenteditable element?

Right now I just use innerHTML to get the content of the element, which would result carriage returns as <br> tags, so I need to convert <br> tags to \\n right now.

Is there another more proper way to get the value from a contenteditable element that I just don't know about?

Update:

In a textarea element when you get the value eg textarea.value the content is intact, like the carriage returns. Is there a similar way to get value from a contenteditable element or I am forced to replace values?

content.innerHTML.replace(/<br\s*[\/]?>/gi, "\n")

element.textContent only gets the text, carriage returns not included. So this does not solve my problem.

Answer 1

If you're looking to let users edit text the only clean solution is to go with a text area as you figured out yourself.

If for some reason you can't or you don't wanna use a textarea you have write your own bit of code that will convert those <br> into carriage returns. There is no automatic way of doing this because there could be all sorts of markup in there.