跨浏览器获取 contenteditable 内容的方法

Question

不同的浏览器会以不同的方式生成contenteditable 中的元素。当您有换行符或粘贴多行内容时，这一点尤其明显。

在过去使用textarea 时，您可以简单地通过$('textarea').val() 来检索里面的内容，而且它可靠且跨浏览器兼容。

我想知道是否有这样的普遍同意方法来检索contenteditble 内的内容，这样它就被剥离了 html 标签，并且行被\n 正确分隔。如果没有，Facebook Messenger 如何可靠地做到这一点？您需要复杂的浏览器检测算法吗？

Answer 1

一种方法是这样的：

 var content = document.querySelector('[contenteditable]').textContent

对于它是否普遍同意尚无定论，因为您可能必须考虑浏览器之间在换行方面的差异。