0

I have a Meteor application with some textareas that I want users to be able to append newlines to.

The textareas are in tds.

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

Then, I have a helper function that detects for 'enter' being hit, and then takes the current value of the textarea, and simply appends a newline to it.

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

I learned how to do the above using http://jsfiddle.net/Addct/ as seen in Add new line character to textarea instead of submitting form

Problem is, the newline isn't actually being appended. I'm using Chrome btw. I've tried variations of '\r', '\r\n', and '
' to no avail. Also, the cursor does not get added to the next line.

I used the Chrome console to just manually do 

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

and that doesn't even work. Furthermore, I try printing out its value after that and it doesn't even register the newline at all. It simply voids it. Spaces and other text are working though. Could this be related to using Meteor?

Any idea of what's going on or any workarounds?

Thanks

Improve this question
6
  • 1
    what if the cursor is not at the end? Commented Nov 7, 2019 at 15:10
  • Thanks! That's an important part I left out. See my edit Commented Nov 7, 2019 at 15:14
  • 3
    The problem seems to be that you tried to use an input element <input type="textarea" ...> that does not exist. If you use <textarea ..> instead everything will work fine, even without any script. Commented Nov 7, 2019 at 15:24
  • Ah, that's it. Any native way to be able to add newlines to just a regular <input type="text"> though? Commented Nov 7, 2019 at 15:35
  • 1
    There would not be much point to it as an <input> element will not be able to display a newline character within the input string. Commented Nov 7, 2019 at 15:42
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.