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

标签 jquery html string

我要做的是将 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 字符串(反之亦然),还是我应该自己编写一个函数?

提前致谢!

最佳答案

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

#myElement { white-space: pre; }

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

关于jQuery:将 TextArea 内容转换为 html 字符串,反之亦然,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3804104/

相关文章:

javascript - Jquery 不是选择器不适用于子元素?

jquery - 如何使用 Telerik ComboBox 的选定值过滤 MVC Telerik Grid?

javascript - 如何获取表单输入值并插入div内部html

javascript - 如果脚本已更新,如何刷新页面的缓存?

javascript - 采用随机图像放置代码以实现灵活的布局

html - CSS 代码最大宽度在互联网上发布时不起作用

javascript - 如何将对象拆分为 2 个字符串。一个字符串中的键,另一个字符串中的值

java println ("a==b"+"is"+a==b) 打印 false 而不是 "a==b is true"

sql - 如何在没有 NULL 结果的情况下连接值(Snowflake)

javascript - 如何在特定元素之后但另一个元素之前插入