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
Lepaskan: 2024-12-10 02:23:08
asal
829 orang telah melayarinya

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 />');
Salin selepas log masuk

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."
Salin selepas log masuk

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."
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan