'\ n' удаляется из поля ввода

Question

Я работаю над динамической формой, где у меня есть ввод и выберите тег.

1. введите данные и отправьте.
2. см. Введенную информацию на боковой панели with edit button
3. on edit button click: form will render with value s
4. отредактируйте данные и нажмите кнопку обновления, чтобы обновить

что именно происходит:

При нажатии на кнопку «Редактировать»: номер шага. 3: если в поле ввода есть данные типа

I am in first line 
I am in second line
I am in third line

Отображение на форме, как в шаге 3:

I am in first lineI am in second lineI am in third line

Вопрос: 1. В поле ввода не допускается новая строка? 2. Если да, я пытался: style="white-space: pre-line; white-space: pre-wrap;", но не работает 3.Как прекратить удаление '\ n' в поле ввода?

Спасибо

Answer 1

Я нашел решение, используя:

   // this is for textarea string 
var elementIdName = document.getElementById(key2);
key2Value = (elementIdName && elementIdName.tagName === "TEXTAREA") ?val.replace(/\\n/g, "<br />") : val;