查找文本中的段落。

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>

应该有用