首頁 >web前端 >js教程 >如何在 JavaScript 中用 `` 標籤取代換行符號?

如何在 JavaScript 中用 `` 標籤取代換行符號?

Barbara Streisand
Barbara Streisand原創
2024-12-10 02:23:08830瀏覽

How to Replace Line Breaks with `` Tags in JavaScript?


取代換行符號使用JavaScript 的元素

將換行符號轉換為
elements 對於在HTML 中顯示多行文字至關重要。要在 JavaScript 中實現此目的,存在一個簡單而有效的解決方案。

解:

str = str.replace(/(?:\r\n|\r|\n)/g, '<br />');

分解正規表示式:

    <:rn>( |n):此非捕獲組符合以下任何一個換行符:CR LF (rn)、CR (r) 或LF (n)。

非捕獲組:

    The ?: 語法將組標記為非捕獲,這意味著匹配的文本不會被存儲以供將來使用使用。

範例:

給定此輸入字串:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
JavaScript 程式碼將用
>標籤,產生以下HTML:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."

附加說明:

    g 標誌用於執行全域查找和替換,確保所有換行符已轉換。
  • 有關非捕獲組的更多信息,請參閱以下內容資源:

      https://stackoverflow.com/a/11 530881/5042169
    • https://stackoverflow.com/a/36524555/5042169

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

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