尋找文本中的段落。

Question

我正在尝试在Django网站上使用JavaScript实现一个“编辑”按钮。虽然我对JavaScript非常新手。

在Django中，将文本拆分成段落非常容易，你只需要像这样编码{{ text|linebreaks }}，Django会动态地添加

标签。为了使过渡平滑（在发送fetch请求并接收响应后），我需要创建一个函数，循环遍历编辑后的文本，并生成相应的

标签。

然而，我甚至不知道从哪里开始。如何使用JavaScript准确找到每个段落的结束位置？

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>

應該有用