通过帖子发送文本时如何不丢失换行符

Question

嘿，我有以下问题：我想从每个 POST 的 textarea 发送一些文本到 php 脚本，该脚本将其写入文件并显示在网站上。 但是当我这样做时，换行符消失了，显示的文本看起来有点难看。

JS：

let xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
    if (this.readyState === 4) {
        document.querySelector(".displayMessage").innerHTML = this.responseText;
    }
};

xhttp.open("POST", "submitMessage.php", true);
xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

let params = "message=" + document.querySelector("#nachricht").value;
xhttp.send(params);

php

<?php
if (isset($_POST['message']) && $_POST['message'] != "") {
   $write = fopen('counter/message.txt', 'w');
   fwrite($write, $_POST['message']);
}

echo $visitors = file_get_contents('counter/message.txt');

Answer 1

尝试在 div 或显示文本的元素上应用以下 css。

div {
    white-space: pre-wrap;
}

例子：

 function display() { let elem = document.getElementById('content'); document.getElementById('display').innerHTML = elem.innerHTML; }

 div { white-space: pre-wrap; }

 <textarea id="content">This is some text with some extra spacing and a few newlines along with some trailing spaces and five leading spaces thrown in for good measure </textarea> <div id="display"></div> <button onclick="display()">Display</button>