Finden Sie Absätze im Text.

Question

Ich versuche, eine Schaltfläche „Bearbeiten“ mithilfe von JavaScript auf einer Django-Website zu implementieren. Obwohl ich sehr neu in JavaScript bin.

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

-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

-Tags generiert.

Allerdings weiß ich gar nicht, wo ich anfangen soll. Wie finde ich mit JavaScript genau heraus, wo jeder Absatz endet?

Answer 1

你可以使用<br>根据换行符将文本拆分成段落。假设在从Django获取编辑后的文本后，你将其存储在一个名为editedText的变量中。为了为每个段落生成<br>标签，你可以按照以下步骤进行操作：

使用split()函数将文本拆分为段落的数组。通过循环遍历段落数组，并使用<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>

应该有用