<p>Ich versuche, eine Schaltfläche „Bearbeiten“ mithilfe von JavaScript auf einer Django-Website zu implementieren. Obwohl ich sehr neu in JavaScript bin. </p><p>Das Aufteilen von Text in Absätze ist in Django sehr einfach. Sie müssen lediglich {{ text|linebreaks }} wie folgt codieren und Django fügt das <p>-Tag dynamisch hinzu. Um den Übergang reibungslos zu gestalten (nachdem ich die Abrufanforderung gesendet und die Antwort erhalten habe), muss ich eine Funktion erstellen, die den bearbeiteten Text durchläuft und die entsprechenden <p>-Tags generiert. </p><p>Allerdings weiß ich gar nicht, wo ich anfangen soll. Wie finde ich mit JavaScript genau heraus, wo jeder Absatz endet? </p><p><br /></p>

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