查找文本中的段落。
P粉288069045
P粉288069045 2023-07-28 13:08:03
0
1
594
<p>我正在尝试在Django网站上使用JavaScript实现一个“编辑”按钮。虽然我对JavaScript非常新手。 </p><p>在Django中,将文本拆分成段落非常容易,你只需要像这样编码{{ text|linebreaks }},Django会动态地添加<p>标签。为了使过渡平滑(在发送fetch请求并接收响应后),我需要创建一个函数,循环遍历编辑后的文本,并生成相应的<p>标签。 </p><p>然而,我什至不知道从哪里开始。如何使用JavaScript准确找到每个段落的结束位置? </p><p><br /></p>
P粉288069045
P粉288069045

全部回复(1)
P粉239164234

你可以使用<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>

应该有用

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板