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

Я разместил рабочую версию здесь: 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>?

огромное спасибо.


jquery line-breaks key-events
person superUntitled    schedule 01.06.2011    source источник

Ответы (3)


arrow_upward
11
arrow_downward

Вы можете заменить любые новые строки на <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

person Robert    schedule 01.06.2011

arrow_upward
4
arrow_downward

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

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

person Gergely Fehérvári    schedule 01.06.2011
comment
Ваша скрипка заменяет только первый \n - person James Montagne; 01.06.2011
comment
спасибо за руководство. это работает только с первым экземпляром \n - person superUntitled; 01.06.2011

arrow_upward
0
arrow_downward

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

Здесь у вас есть пример - раздел Convert carrage return

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

person Piotr Perak    schedule 01.06.2011