Как при нажатии на enter добавить?

Question

[rinaz22]

Всем привет! Есть textarea и скрипт, который выводит текст и вставляет в textarea. Если я делаю перенос строки и пытаюсь сохранить, то ничего, перенос строки нет. Это потому что файл html. Как сделать, чтобы при нажатии на enter добавить
?

Comments

[Сергей Соколов]

Покажите скрипт. Лучше всего сделайте пример, демонстрирующий проблему, на jsFiddle или Codepen. Скорее всего, пока будете делать пример, найдёте и решение проблемы ; )

[rinaz22]

Нет, скрипт не должен делать то, что описал выше. Он просто вставляет текст в textarea с html документа. Потом, когда нажимаю изменить, он вставляет текст с textarea обратно в html документ.
Сами понимаете, что обычный перенос строки в html не прокатит, нужен br. Поэтому в textarea при нажатии на enter, добавилась br

Answer 1

[ixon]

Добавить \n, а на стороне сервера заменять все \n на <br>.

Comments

[rinaz22]

а как его добавить, в ручную? И почему не сразу вставить br

[ixon]

rinaz22, из вопроса не очень понятно как и что работает. Не могу дать более конкретного ответа. Попробуйте вставить br. Если ваш бакэнд, который сохраняет всё написан на php, то используйте nl2br("hello\n world"), чтобы преобразовать в "hello<br> world". Если на js, то

"hello\n world".replace((new RegEx(/hello/g)),"<br>")

[rinaz22]

ixon, спасибо, nl2br помог. Теперь другой вопрос. Вот этот код находит все, что подходит под его условие. Как сделать, чтобы он нашел все, кроме br
preg_replace('/<[^>]+>/', '^', $template);

[ixon]

rinaz22,

preg_replace('/(<((?!br)[^>]+)>)/ig', '^', $template);

[rinaz22]

ixon, теперь вообще ничего не находит

[rinaz22]

а, нет, все. Там ig после / было лишним

[ixon]

rinaz22, простите, забыл, что в php флаги ставятся иначе.

preg_replace('/(<((?!br)[^>]+)>)/', '^', $template);

Не забывайте отмечать ответы решениями.

[rinaz22]

ixon, кажется рано радовался. Теперь при изменении текста, он не удаляет старый текст, а сверх него записывает

[ixon]

rinaz22, думаю, это не из-за reg exp.

[rinaz22]

Не могу понять, в чем проблема?

Answer 2

[Сергей Соколов]

При копировании из HTML заменять <br> на \n.
При копировании из textarea в div – наоборот, \n на <br>:

document.getElementById("btn-from")
  .addEventListener('click',function(){
    elTa.value = elSrc.innerHTML
      .replace(/<br\/?>/ig, '\n')
      .replace(/\n+/g, '\n')
      .trim()
    ;
});

document.getElementById("btn-to")
  .addEventListener('click',function(){
    elSrc.innerHTML = elTa.value
      .replace(/\n/g, '<br>')
      .trim()
    ;
});

Рабочий пример