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
Mary-Kate Olsenasal
2024-12-04 12:41:11632semak imbas

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 />');

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."

Selepas menggunakan penggantian , keputusannya ialah:

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

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!

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