Передача значений текстовой области, переноса строки и символов в div - PullRequest
1 голос
/ 21 декабря 2011

Я передаю значения из текстовой области в div следующим образом:

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

Знаете Я хочу пропустить разрыв строки, замените & на 'and', чтобы при нажатии Return / Enter разрыв строки появлялся в div.

Вот что у меня сейчас: http://jsfiddle.net/kC4GE/

Если вы нажмете ввод / возврат, div продолжит писать в той же строке.

Я бы предположил, что это будет что-то с replace() событием, но я не могу понять это

Ответы [ 3 ]

2 голосов
/ 21 декабря 2011

См.

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

В основном, используйте функцию javascript replace() для замены всех новых строк (\n) на <br>

Аналогично для& к и.

1 голос
/ 21 декабря 2011

Чтобы поймать все амперсанды и символы новой строки, вам нужно использовать глобальный флаг на вашем регулярном выражении:

$("#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/

1 голос
/ 21 декабря 2011
$("#string").on("keyup keypress paste mouseup", function () { 
    var a = $('#string').val();
    a = a.replace("\n","<br/>");
    a = a.replace("&","and");
    $('#rdonly').html(a);
});
...