首頁 > web前端 > js教程 > 如何將 JavaScript 中的換行符號轉換為 HTML `` 標籤?

如何將 JavaScript 中的換行符號轉換為 HTML `` 標籤?

Mary-Kate Olsen
發布: 2024-12-04 12:41:11
原創
456 人瀏覽過

How Can I Convert Line Breaks to HTML `` Tags in JavaScript?

在JavaScript 中將換行符號轉換為HTML 元素

在JavaScript 中,您可以將字串中的所有換行符轉換為HTML

使用正規表示式的元素。當您想要顯示保持其格式的多行文字時,這非常有用。

實作:

str.replace(/(?:\r\n|\r|\n)/g, '<br />');
登入後複製

取代所有換行符元素,使用以下正規表示式:

解釋:
  • (?:rn|r|n):這符合所有類型的行中斷,包括Windows (rn)、Mac (r) 和Linux (n)。
g:g 標誌進行替換全域,將其應用於所有出現的換行符。

範例:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
登入後複製
考慮一個具有以下值的變數 str:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."
登入後複製
套用替換後,結果將be:

非捕獲組:

圍繞換行模式的 ?: 語法建立一個非捕獲組。這意味著換行符不會被捕獲到記憶體中以供以後參考,這可以提高大字串的效能。

以上是如何將 JavaScript 中的換行符號轉換為 HTML `` 標籤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板