Как я могу отобразить три строки вместо одной строки - PullRequest
Новая
       67

Как я могу отобразить три строки вместо одной строки

0 голосов
/ 03 февраля 2020

Я создавал приложение для заметок на моем сайте. в моей текстовой области есть код ввода 

<textarea class="form-control" rows="3" name="postBody"></textarea>

, когда я пишу в текстовом поле I текстовое поле: 

123
345
789

-> которое я буду sh отображать таким образом с 3 строки,

но я получил дисплей 

123 456 789

как я могу это исправить ??

1 Ответ

1 голос
/ 03 февраля 2020

Вы можете использовать свойство white-space: pre-wrap для отображения текста с переносами строк. 

div {
    white-space: pre-wrap;
}

Пример: 

function sanitize(string) {
  const map = {
    "&": "&amp;",
    "<": "&lt;",
    ">": "&gt;",
    '"': "&quot;",
    "'": "&#x27;",
    "/": "&#x2F;"
  };
  const reg = /[&<>"'/]/gi;
  return string.replace(reg, match => map[match]);
}
function display() {
  let elem = document.getElementById("content");
  document.getElementById("display").innerHTML = sanitize(elem.value);
}
    <textarea id="content">
123
      345
      789</textarea
    >

    <div id="display"></div>

    <button onclick="display()">Display</button>
...