Чтение текстового значения построчно с помощью Jquery

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я действительно много раз пробовал это, но у меня не было никакого результата, который действительно работал. Я хочу прочитать текст html textarea построчно с помощью jQuery. Текстовая область имеет фиксированную ширину и высоту. Например, если текстовая область содержит текст, подобный:

 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br/>
aaaaaaaaaaaaa just typed a real long<br/>
word that wont fit in side of this part of<br/>
div

Я хотел бы иметь строку в виде

 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa< br /> aaaaaaaaaaaaa just typed a real long< br />
word that wont fit in side of this part of <br />div

Я пробовал, и это не сработало. Есть предложения?

1. Использует ли текст в текстовой области rn или n для представления новой строки? Если это так, вы можете найти эти экземпляры и заменить их на <br/> , но не уверен, что это так…

Ответ №1:

Вы можете использовать функцию разделения JavaScript для символа n новой строки . Затем вызовите join для результирующего массива.

Рабочий пример: http://jsfiddle.net/XjN72/1 /

1. Большое спасибо за быстрый ответ! Я пытался это сделать и применил в своем коде: var values = $(‘#comment’).val().split(‘n’); var stringToShow=values.join(‘<br/>’); $(‘#commentArea’).html(stringToShow); Целью было получить эту строку и поместить ее в div. Но это не сработало в этом div <div id=’commentArea’ style=’width:510px;height:85px;граница: 1px сплошной черный; отступ: 5px;семейство шрифтов: Ariel, без засечек; размер шрифта: 12px;’> </div>. Причина, по которой я хочу иметь эту строку, заключается в том, что я сохраню ее в своей базе данных, а затем помещу в div с помощью html-функции jQuery.

2. Работает ли это во всех браузерах? Я сам работаю с этой проблемой, но скрипка не работала, используя Chrome. Но это сработало в Firefox.

3. Попробовал это в Chrome 23 / Windows, и это работает. Что вы используете?

Ответ №2:

Вы можете просто удалить новые строки:

 text = text.replace(/n|r/g, "");