尋找文本中的段落。
P粉288069045
P粉288069045 2023-07-28 13:08:03
0
1
593
<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>

應該有用

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板