IE在Textarea中格式化HTML

Posted

技术标签:

【中文标题】IE在Textarea中格式化HTML【英文标题】:IE Formatting HTML In Textarea 【发布时间】:2012-01-28 18:42:44 【问题描述】:

我正在使用 htmlBox 在设置页面上创建富文本编辑器。当 HTMLBox 触发时,它会抓取文本区域的内容,用可编辑的 div 隐藏文本区域,然后将内容放入该 div。当您切换回“纯 HTML”显示时,它会从该 div 中抓取内容,将其放回 textarea,然后隐藏该 div。这允许您在所见即所得和纯 HTML 之间切换。

我在 Firefox、Chrome 和 Opera 中进行了测试,这些都可以正常工作,但我在使用 Internet Explorer 时遇到了问题(令人惊讶!)。当您在 IE 中切换到基本 HTML 时,它仍然会传输内容,但 textarea 显示的是格式化文本,而不是纯 html。因此,如果所见即所得编辑器创建类似

<font color="green">Green Text</font>

基本文本区域以绿色显示“绿色文本”,而不是显示代码。因此,如果用户切换回富文本编辑器,所有标记都将丢失,他们将看到未格式化的“绿色文本”。

有没有办法告诉 IE 在 textareas 中显示原始 HTML 而不是格式化文本?

【问题讨论】:

【参考方案1】:

您必须使用 IE 的等效实体来转义 html。

【讨论】:

谢谢。我想它可能是这样的。在我转移到 textarea 之前,我可以在字符串上运行一个 javascript 函数,让它在 IE 中显示为纯 html 并且不会破坏其他浏览器中的任何内容吗? 您将创建一个函数来接收您的 html 并返回转义字符串。那里有很多例子。如果您需要帮助,请回复。寻找 html 编码/解码。

以上是关于IE在Textarea中格式化HTML的主要内容,如果未能解决你的问题,请参考以下文章

HTML:如何在 textarea 中保留格式?

如何格式化 textarea 上的滚动条样式?

textarea中的HTML格式文本[重复]

如何在 textarea 中格式化或设置文本样式?

如何让HTML的TEXTAREA显示带格式的文本

Html—让textarea标签中的内容原格式输出的两种办法