从contenteditable div获取纯文本

Question

是否有可能从一个可疑的div中提取明文,包括换行符？jQuery $ .text()方法删除了我需要的换行符.该解决方案可以使用jQuery.

Answer 1

稍微调整一下,https://github.com/vorushin/jsHtmlToText正是我所需要的.

老实说，它不值得投票，因为“解决方案”是一个插件。虽然可以通过令人满意的解决方案解决问题是很高兴的，但这并不是该问题的真正答案，该问题是如何使用本地提供的HTML / Javascript从内容编辑的HTML元素中获取纯文本。浏览器。OP并不需要插件，说实话，“使用插件”并不能帮助任何人学习任何东西。真正的答案是下面的答案。 (2认同)

Answer 2

在不使用额外插件或编写自己的实现的情况下,您可以同时使用innerText和textContent属性(它们彼此相同).除了支持innerText的IE 6-8之外,所有主流浏览器都支持textContent.

var text = x.innerText || x.textContent

编辑:正如AgentME指出的那样,这不会保留用户在Firefox中的空白.要想做到这一点,你必须在Firefox上填充innerText.我可以提出几种选择:

开始x.innerHTML,去掉多余的空白标记/标签和转换用户的空白<br>,并 以\n和空间.
使用Firefox Selection和Range支持.Firefox支持Selection.toString哪些具有类似的行为innerText,但它仅适用于当前选定的文本.因此,您可以做的是记录用户的当前选择,将选择更改为您的contenteditable div的内容,调用Selection.toString,然后恢复用户的初始选择.

我个人认为,在大多数情况下,第二种选择会更好; 使用第一个选项,您将获得一个快速而肮脏的正则表达式解决方案,或者您可以使用CSS布局逻辑来实现一个完整的HTML解析器.选项2的缺点是它相对较慢,因此如果触发它onchange或类似的东西你可能会遇到问题.选项2的演示在这里.

更多信息:

`innerText`和`textContent`并不完全等效.请参见http://stackoverflow.com/a/1359822/96100 (7认同)