jquery - jQuery: keyup(): 使用文本区域中的内容更新 div...换行符？

Question

我在这里发布了一个工作版本：http: //jsfiddle.net/JV2qW/2/

我有一个 textareakeyup()用正在输入的文本更新（on）一个 div。一切正常，除了换行符没有被识别。

的HTML：

<p>enter text</p>
<textarea id='text'></textarea>
<div id='target'></div>

和jQuery：

$('#text').keyup(function(){
      var keyed = $(this).val();
      $("#target").html(keyed);
 });

关于如何获得\n翻译<br/>或<p>标签的任何想法？

非常感谢。

score 11 · Accepted Answer

您可以将任何换行符替换为<br/>

$('#text').keyup(function() {
    var keyed = $(this).val().replace(/\n/g, '<br/>');
    $("#target").html(keyed);
});

如果您想替换其他内容，可以查看有关 RegEx 的 MDC 文章。

score 4 · Accepted Answer

4

替换'\n'到'<br />'

于 2011-06-01T15:19:09.970 回答

score 0 · Accepted Answer

你为什么不只替换键值并替换它？

在这里你有例子 - 部分转换carrage return

3 回答 3