Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menukar Pemisah Baris kepada HTML `` Tag dalam JavaScript?

Bagaimanakah Saya Boleh Menukar Pemisah Baris kepada HTML `` Tag dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-12-04 12:41:11
asal
599 orang telah melayarinya

How Can I Convert Line Breaks to HTML `` Tags in JavaScript?

Menukar Pemisah Baris kepada Elemen HTML dalam JavaScript

Dalam JavaScript, anda boleh menukar semua pemisah baris dalam rentetan kepada HTML
elemen menggunakan ungkapan biasa. Ini berguna apabila anda ingin memaparkan teks berbilang baris yang mengekalkan pemformatannya.

Pelaksanaan:

Untuk menggantikan semua pemisah baris dengan
elemen, gunakan ungkapan biasa berikut:

str.replace(/(?:\r\n|\r|\n)/g, '<br />');
Salin selepas log masuk

Penjelasan:

  • (?:rn|r|n): Ini sepadan dengan semua jenis baris pecah, termasuk Windows (rn), Mac (r) dan Linux (n).
  • g: Bendera g menjadikan penggantian global, menerapkannya pada semua kejadian daripada pemisah baris.

Contoh:

Pertimbangkan pembolehubah str dengan nilai berikut:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
Salin selepas log masuk

Selepas menggunakan penggantian , keputusannya ialah:

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

Tidak Menangkap Kumpulan:

Sintaks ?: mengelilingi corak pemisah baris mencipta kumpulan yang tidak menangkap. Ini bermakna bahawa aksara pemisah baris tidak ditangkap ke dalam ingatan untuk rujukan kemudian, yang boleh meningkatkan prestasi untuk rentetan besar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Pemisah Baris kepada HTML `` 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