Добавление новой строки в текстовое поле с помощью jQuery - PullRequest
Новая
       7

Добавление новой строки в текстовое поле с помощью jQuery

0 голосов
/ 07 ноября 2019

У меня есть приложение Meteor с некоторыми текстовыми областями, к которым я хочу, чтобы пользователи могли добавлять новые строки.

Текстовые области находятся в tds. 

<td>
    <input type="textarea" class="editable-textarea" style="width: 100%; height: 100%; border: none;" id="some_id" value="some_value">
</td>

Затем у меня есть помощникфункция, которая обнаруживает, что нажата клавиша «enter», а затем принимает текущее значение текстовой области и просто добавляет к нему новую строку. 

'keyup .editable-textarea'(e, template) {
        if (e.keyCode == 13) {
            e.preventDefault();
            const input = e.target;
            const textWithNewLine = $(input).val();
            $(input).val(textWithNewLine+"\n");
        }
    },

Я научился делать это, используя http://jsfiddle.net/Addct/ как видно из Добавление символа новой строки в текстовое поле вместо отправки формы

Проблема в том, что символ новой строки фактически не добавляется. Я использую Chrome, кстати. Я пробовал варианты '\ r', '\ r \ n' и '
' безрезультатно. Кроме того, курсор не добавляется к следующей строке.

Я использовал консоль Chrome, чтобы просто вручную 

$('#some_id').val($('#some_id').val()+'\n')

, и это даже не работает. Кроме того, я пытаюсь распечатать его значение после этого, и он даже не регистрирует перевод строки. Это просто аннулирует это. Пробелы и другой текст работают, хотя. Может ли это быть связано с использованием Метеора?

Есть идеи о том, что происходит или какие-то обходные пути?

Спасибо

...