Cari perenggan dalam teks.

Question

Saya cuba melaksanakan butang "Edit" menggunakan JavaScript pada tapak web Django. Walaupun saya sangat baru dalam JavaScript.

Memisahkan teks kepada perenggan adalah sangat mudah dalam Django, anda hanya perlu kod {{ text|linebreaks }} seperti ini dan Django akan menambah teg

Untuk membuat peralihan lancar (selepas menghantar permintaan pengambilan dan menerima respons), saya perlu mencipta fungsi yang menggelung melalui teks yang diedit dan menjana teg

Namun, saya tidak tahu dari mana hendak bermula. Bagaimana untuk mencari dengan tepat di mana setiap perenggan berakhir menggunakan JavaScript?

Answer 1

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