Форум

Slandewi · #1 (**permalink**) 25.02.2017, 13:26

Добрый день!
Есть textarea, в него вводится текст, в данном случае стих. Мне нужно, что бы через каждые 4 строки появлялась пустая строка. Например:
Ввод:

Код:

У лукоморья дуб зелёный;
Златая цепь на дубе том:
И днём и ночью кот учёный
Всё ходит по цепи кругом.
Идёт направо - песнь заводит,
Налево - сказку говорит.
Там чудеса: там леший бродит,
Русалка на ветвях сидит.

Вывод:

Код:

У лукоморья дуб зелёный;
Златая цепь на дубе том:
И днём и ночью кот учёный
Всё ходит по цепи кругом.

Идёт направо - песнь заводит,
Налево - сказку говорит.
Там чудеса: там леший бродит,
Русалка на ветвях сидит.

При этом, если в конце 4 строки, оно не должно добавлять пустую строку.

рони · #2 (**permalink**) 25.02.2017, 14:20

Slandewi,
Как передать текст из одной textarea в другую?

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 </head>

<body>
<script>
function Xerox() {
  var src = document.getElementById("Source").value;
  var res = document.getElementById("Receiver");
  var myList = src.trim().split(/[\r\n\f]+/);

  res.value = myList.reduce(function(str,el,i) {
  return str + el + ((i + 1)% 4  ? "\r\n" :"\r\n\r\n")
},"").trim();
}
</script>
<body>
<textarea id='Source' rows='12' cols='40'>У лукоморья дуб зелёный;
Златая цепь на дубе том:
И днём и ночью кот учёный
Всё ходит по цепи кругом.
Идёт направо - песнь заводит,
Налево - сказку говорит.
Там чудеса: там леший бродит,
Русалка на ветвях сидит.</textarea><br />
<input type='button' value='click me' onclick='Xerox()' /><br />
<textarea id='Receiver' rows='12' cols='40'></textarea>
</body>


</body>
</html>

Slandewi · #3 (**permalink**) 25.02.2017, 16:35

Сообщение от рони

Slandewi,
Как передать текст из одной textarea в другую?

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 </head>

<body>
<script>
function Xerox() {
  var src = document.getElementById("Source").value;
  var res = document.getElementById("Receiver");
  var myList = src.split(/[\r\n\f]+/);

  res.value = myList.reduce(function(str,el,i) {
  return str + el + ((i + 1)% 4  ? "\r\n" :"\r\n\r\n")
},"");
}
</script>
<body>
<textarea id='Source' rows='12' cols='40'>У лукоморья дуб зелёный;
Златая цепь на дубе том:
И днём и ночью кот учёный
Всё ходит по цепи кругом.
Идёт направо - песнь заводит,
Налево - сказку говорит.
Там чудеса: там леший бродит,
Русалка на ветвях сидит.</textarea><br />
<input type='button' value='click me' onclick='Xerox()' /><br />
<textarea id='Receiver' rows='12' cols='40'></textarea>
</body>


</body>
</html>

А как можно убрать пустую строку в конце?

рони · #4 (**permalink**) 25.02.2017, 17:41

Slandewi,
смотреть пост№2 снова

Форум

Справочник

Discord чат

Курсы javascript