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

时间:2010-09-27 13:11:46

标签: jquery html string

我正在尝试将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(反之亦然)或者我应该自己编写函数吗?

提前致谢!

3 个答案:

答案 0 :(得分:18)

在元素上使用适当的样式,您不需要转换任何内容。使用CSS white-space 属性并将值设置为 pre ,元素中的任何空格都应该与textarea中的完全相同:

#myElement { white-space: pre; }

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

答案 1 :(得分:10)

嗯,这不是很难:

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

答案 2 :(得分:1)

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