簡體   English   中英

(discord.js + document) 用<br>

[英](discord.js + document) Replace new lines with <br>

我正在使用 discord.js 創建一個票務機器人。 使用這個機器人,我正在創建上傳到 apache 網絡服務器的 HTML 腳本。

我正在嘗試用<br>替換新行 (\\n)。 正則表達式是正確的,但 html 文件無法識別<br> -s。

代碼:

let descText = document.createTextNode(embed.description.replace(/(?:\r\n|\r|\n)/g, "<br>").replace(/"/g, ""));
descNode.append(descText);

結果: https : //imgur.com/a/MwXRfAe

這是因為createTextNode確實會轉義 HTML 字符,因此它會轉義您的<br>標簽。

您需要找到其他方法,例如使用createElement s ,或暗示更新innerHTML屬性:

 let embed = { description: `Title Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore vitae quidem maiores dicta cum? Tempora ex numquam qui rerum, earum maiores cupiditate! Officiis vero, enim fugiat porro architecto quod nam modi quasi natus at dolore deserunt quisquam ducimus. Minima impedit explicabo consequatur sint quibusdam, minus nam asperiores. Ut impedit asperiores quo beatae quidem aspernatur soluta sequi sapiente, sit illo commodi itaque temporibus facere dolorem vero? Explicabo consequatur optio sunt ea illo doloribus? Assumenda cupiditate rem commodi dolores voluptatem sit fuga quam architecto perspiciatis.` } let descText = embed.description.replace(/(?:\\r\\n|\\r|\\n)/g, "<br>").replace(/"/g, "") let descNode = document.createElement('p') descNode.classList.add('embedDesc') descNode.innerHTML = `<p>${descText}</p>` document.querySelector('.embedContainer').appendChild(descNode)
 .embedContainer { border: 2px solid #eee; border-radius: 4px; color: #464646; font-family: sans-serif; margin: 0 auto; max-width: 400px; padding: 0 1rem; }
 <div class="embedContainer"></div>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM