jQuery:将 TextArea 内容转换为 html 字符串，反之亦然

Question

我要做的是将 TextArea 内容转换为有效的 html 代码。假设您在 TextArea 中键入内容，然后按下一个按钮，该按钮在元素内显示键入的文本。如果您在 TextArea 中键入类似内容:

Hi folks!
Do you like jQuery?
I do!

您必须放入 '' 元素中的结果字符串是:

Hi folks!<br>Do you like jQuery?<br>I do!

那是因为TextArea里面的换行符必须转换成<br>标签!

如果您想获取元素的 html 并将其放入 TextArea 输入字段中，应该会发生同样的事情，例如:

Hi folks!<br>Do you like jQuery?<br>I do!

应转换为:

Hi folks!
Do you like jQuery?
I do!

那么，有没有办法将字符串转换为 html 字符串(反之亦然)，还是我应该自己编写一个函数？

提前致谢!

Answer 1

在元素上使用适当的样式，您不需要转换任何内容。使用值为 pre 的 CSS white-space 属性，元素中的任何空白都应与文本区域中的完全相同:

#myElement { white-space: pre; }

示例: http://jsfiddle.net/TkpSu/