在 HTML 和 javascript 中顯示內容時如何強制換行

Question

加載“消息”類接收的“Mensagem”字段的內容時，我需要換行：“<% = player.Message%>”，但所有加載的文本都顯示在一行上。
咨詢是在Mysql銀行進行的。
該項目是在 Javascript 中完成的。
如何顯示： player.Mensagem = "Line 1 Line 2 Line 3 "
我需要什么： player.Mensagem = "
1號線
2號線
3號線

<form class="add-player-form" action="" method="post" enctype="multipart/form-data">
    <ul id="chat">
        <li class="you">
            <div class="entete">
                <span class="status green"></span>
                <input type="hidden" id="Celular" name="Celular" value="<%= player.Celular %>">
                <input type="hidden" id="NomeCompleto" name="NomeCompleto" value="<%= player.NomeCompleto %>">

                <h2><%= player.Celular %></h2>
                <h3>10:12AM, Today</h3>
            </div>
            <div class="triangle"></div>
            <div class="message">
                <%= player.Mensagem %>
            </div>
        </li>
</form>

很感謝！

Answer 1

您可以使用replace(/\\n/g, '<br>')和<%-將未轉義的值輸出到模板中

<%- player.Mensagem.replace(/\n/g, '<br>') %>

但是，如果該值有可能包含 html 代碼，您應該將其轉義以防止代碼注入。

<%- ejs.escapeXML(player.Mensagem).replace(/\n/g, '<br>') %>

或者您可以保持模板標簽不變，並使用 CSS white-space: pre-wrap在您的“消息”類或 div 元素上。