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

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

Barbara Streisand
發布: 2024-12-10 02:23:08
原創
867 人瀏覽過

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

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