Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menggantikan Line Break dengan `` Tag dalam JavaScript?

Bagaimana untuk Menggantikan Line Break dengan `` Tag dalam JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-12-10 02:23:08830semak imbas

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

Menggantikan Line Break dengan
Elemen Menggunakan JavaScript

Menukar baris pecah menjadi
elemen adalah penting untuk memaparkan teks berbilang baris dalam HTML. Untuk mencapai ini dalam JavaScript, penyelesaian yang mudah tetapi berkesan wujud.

Penyelesaian:

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

Memecah Regex:

  • (?:rn|r|n): Kumpulan tidak menangkap ini sepadan dengan mana-mana aksara baris baharu berikut: CR LF (rn), CR (r), atau LF (n).

Kumpulan Bukan Menangkap:

  • Sintaks ?: menandakan kumpulan sebagai tidak menangkap, yang bermaksud teks yang dipadankan tidak akan disimpan untuk kegunaan masa hadapan.

Contoh:

Memandangkan rentetan input ini:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

Kod JavaScript akan menggantikan pemisah baris dengan
teg, menghasilkan HTML berikut:

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

Nota Tambahan:

  • Bendera g digunakan untuk melakukan pencarian dan penggantian global, memastikan semua pemisah baris ditukar.
  • Untuk maklumat lanjut tentang kumpulan yang tidak menangkap, rujuk perkara berikut sumber:

    • https://stackoverflow.com/a/11530881/5042169
    • https://stackoverflow.com/a/36524555/5042169

Atas ialah kandungan terperinci Bagaimana untuk Menggantikan Line Break dengan `` Tag dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn