jQuery: keyup (): обновить div с содержимым из текстовой области ... переносы строк?

Question

Я разместил рабочую версию здесь: http://jsfiddle.net/JV2qW/2/

У меня есть текстовая область, которая обновляет (на keyup()) 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>?

большое спасибо.

Answer 1

Вы можете заменить любые новые строки на <br/>

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

Вы можете посмотреть в статье MDC о RegEx, если вы хотите заменить другие вещи.

https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

Answer 2

http://jsfiddle.net/omnosis/8XL7n/

заменить '\n' на '<br />'

Answer 3

Почему бы вам просто не заменить ключевое значение и не заменить его?

Здесь у вас есть пример - раздел Конвертировать возврат каретки

http://lawrence.ecorp.net/inet/samples/regexp-format.php