在将文本输入textarea后将文字换行

时间:2011-01-15 22:05:02

标签: jquery

我的场景类似于我们所见过的实时评论教程:将文本输入textarea&键入时,它会显示在页面上的其他位置。我在http://davidwalsh.name/jquery-comment-preview使用David Walsh的jQuery教程对实时文本输入进行了排序。

我是否有办法在ouputted div区域中用span标记包装每个单词?

您可以在http://jsfiddle.net/mrmartineau/epdwm/

查看我的进度

P.S。使用p标签而不是带有换行符的一行长文本输出文本会很有趣,就像这里的问题输入表格一样。

非常感谢提前。

2 个答案:

答案 0 :(得分:2)

这样的事情? http://jsfiddle.net/epdwm/4/


更新了小提琴:http://jsfiddle.net/epdwm/6/

重要的部分是:.replace(/( |, |\. )/g,'[/span]$1[span]') 如果要添加更多标点符号,请将其添加到表达式中。

希望这会有所帮助

答案 1 :(得分:0)

如果我正确理解了预期结果(p而不是换行符和每个单词之间的跨度)。

http://jsfiddle.net/epdwm/5/