我正在尝试将TextArea内容转换为有效的html代码。假设您在TextArea中键入内容,然后按下一个按钮,该按钮显示元素内的键入文本。如果您在TextArea中键入类似内容:
嗨伙计们!
你喜欢jQuery吗?
我做到了!
您必须在''元素中放置的结果字符串是:
Hi folks!<br>Do you like jQuery?<br>I do!
那是因为TextArea中的换行符必须转换为<br>
标记!
如果您想获取元素的html并将其放在TextArea输入字段中,则应该发生同样的事情,例如:
Hi folks!<br>Do you like jQuery?<br>I do!
应转换为:
嗨伙计们!
你喜欢jQuery吗?
我做到了!
那么,有没有办法将字符串转换为html-string(反之亦然)或者我应该自己编写函数吗?
提前致谢!
答案 0 :(得分:18)
在元素上使用适当的样式,您不需要转换任何内容。使用CSS white-space 属性并将值设置为 pre ,元素中的任何空格都应该与textarea中的完全相同:
#myElement { white-space: pre; }
答案 1 :(得分:10)
嗯,这不是很难:
$('#element').html($('textarea').html().replace(/\n/g, "<br />"));
答案 2 :(得分:1)
考虑查看降价编辑器。堆栈溢出使用此版本的修改版本:http://wmd-editor.com/