查找文本中的段落。
P粉288069045
P粉288069045 2023-07-28 13:08:03
[JavaScript讨论组]
<p>我正在尝试在Django网站上使用JavaScript实现一个“编辑”按钮。虽然我对JavaScript非常新手。</p><p>在Django中,将文本拆分成段落非常容易,你只需要像这样编码{{ text|linebreaks }},Django会动态地添加&lt;p&gt;标签。为了使过渡平滑(在发送fetch请求并接收响应后),我需要创建一个函数,循环遍历编辑后的文本,并生成相应的&lt;p&gt;标签。</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>

应该有用

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号