javascript - 如何从 div 中获取与所见完全相同的文本？

Question

我有一个样式漂亮的框，用于编辑一些原始文本:

盒子是<div>与 contenteditable="true" .我不想使用 textarea因为它太烦人了。此外，<div>具有出色的属性，它会自动缩放以包含用户键入的文本。

我对 div 的问题是我似乎无法从中获取原始文本。当它被用户编辑时，浏览器插入 <div> s 和 <br> s 来创建换行符，所以当我使用 innerHTML 获取文本时我实际上得到了一堆 HTML 而不是原始文本。如果我使用 innerText相反，它不保留任何换行符，我得到这个输出:

"Foo bar:        PowThis field is:  AlignedWith:           This fieldThree empty lines"

浏览器是否提供任何非 hack、非解决方法的解决方案来在显示时输出文本？

---

一个有趣的发现是我可以选择文本并将其复制到文本编辑器中:

Answer 1

这个解释:http://clubajax.org/plain-text-vs-innertext-vs-textcontent/plaintext、innerText 和 textContent 函数解释了根据浏览器取回文本的方式有所不同。

所以恐怕简单的答案是:不。这取决于您使用什么浏览器来获取缩进等。