Cari perenggan dalam teks.
P粉288069045
2023-07-28 13:08:03
<p>Saya cuba melaksanakan butang "Edit" menggunakan JavaScript pada tapak web Django. Walaupun saya sangat baru dalam JavaScript. </p><p>Memisahkan teks kepada perenggan adalah sangat mudah dalam Django, anda hanya perlu kod {{ text|linebreaks }} seperti ini dan Django akan menambah teg <p> Untuk membuat peralihan lancar (selepas menghantar permintaan pengambilan dan menerima respons), saya perlu mencipta fungsi yang menggelung melalui teks yang diedit dan menjana teg <p> </p><p>Namun, saya tidak tahu dari mana hendak bermula. Bagaimana untuk mencari dengan tepat di mana setiap perenggan berakhir menggunakan JavaScript? </p><p><br /></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh menggunakan <br> untuk membahagikan teks kepada perenggan berdasarkan pemisah baris. Katakan bahawa selepas mendapat teks yang diedit daripada Django, anda menyimpannya dalam pembolehubah yang dipanggil editedText. Untuk menjana teg <br> untuk setiap perenggan, anda boleh mengikuti langkah berikut:
Pisah teks kepada tatasusunan perenggan menggunakan fungsi split(). Hasilkan teks berformat baharu dengan menggelung melalui tatasusunan perenggan dan menggabungkannya menggunakan tag <br>
<div id="edited-text">{{ edited_text }}</div> <button onclick="formatEditedText()">Edit</button> <script> function formatEditedText() { const editedTextDiv = document.getElementById('edited-text'); const editedText = editedTextDiv.innerHTML; const paragraphs = editedText.split('<br>'); let formattedText = ''; for (let i = 0; i < paragraphs.length; i++) { formattedText += `<p>${paragraphs[i]}</p>`; } editedTextDiv.innerHTML = formattedText; } </script>Sepatutnya berguna