将textarea值,换行符和符号传递给div

时间:2011-12-21 19:10:03

标签: javascript jquery html replace textarea

我将textarea中的值传递给div:

$("#string").on("keyup keypress paste mouseup", function () { 
    var a = $('#string').val();
    $('#rdonly').html(a);
});

知道我想通过换行符,将&替换为'and',这样当你按下Return / Enter时,div会出现换行符。

以下是我现在的情况:http://jsfiddle.net/kC4GE/

如果按enter / return,则div继续写入同一行。

我认为它会出现replace()事件,但我无法弄清楚

3 个答案:

答案 0 :(得分:2)

见这个

http://jsfiddle.net/kC4GE/8/

基本上,使用javascript replace()函数将所有换行符\n)替换为<br>

类似于&amp;到和。

答案 1 :(得分:1)

$("#string").on("keyup keypress paste mouseup", function () { 
    var a = $('#string').val();
    a = a.replace("\n","<br/>");
    a = a.replace("&","and");
    $('#rdonly').html(a);
});

答案 2 :(得分:1)

要捕获所有&符和换行符,您需要在正则表达式中使用全局标记:

$("#string").on("keyup keydown input keypress paste mouseup", function () {
    var a = $('#string').val().replace(/\n/g,'<br />')
                              .replace(/&/g,'and');
    $('#rdonly').html(a);
});

演示:http://jsfiddle.net/kC4GE/5/