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

iak*_*kko 17 html string jquery

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

嗨伙计!
你喜欢jQuery吗?
我做!

你必须放在''元素中的结果字符串是:

Hi folks!<br>Do you like jQuery?<br>I do!
Run Code Online (Sandbox Code Playgroud)

那是因为TextArea中的换行必须转换为<br>标签!

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

Hi folks!<br>Do you like jQuery?<br>I do!
Run Code Online (Sandbox Code Playgroud)

应转换为:

嗨伙计!
你喜欢jQuery吗?
我做!

那么,有没有办法将字符串转换为html-string(反之亦然)或者我应该自己编写一个函数?

提前致谢!

And*_*y E 23

通过元素上的适当样式,您不需要转换任何东西.使用值为pre的值的CSS white-space属性,元素中的任何空格都应该与textarea中的完全相同:

#myElement { white-space: pre; }
Run Code Online (Sandbox Code Playgroud)

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

  • 次要细节:在大多数情况下,是## myElement {空白:pre-wrap; 如果用户提交没有换行符的长文本,则}`可能更适合避免内容溢出。 (2认同)

Tat*_*nen 10

嗯,这不是很难:

$('#element').html($('textarea').html().replace(/\n/g, "<br />"));
Run Code Online (Sandbox Code Playgroud)


Ste*_*hen 2

考虑使用 Markdown 编辑器。堆栈溢出使用此版本的修改版本:http ://wmd-editor.com/