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

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

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-04 12:41:11654瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn