是否可以在不重新加载页面的情况下替换为可编辑内容

Question

我想知道是否可以将
标记替换为以下内容中的其他内容，无需重新加载页面即可编辑：

<div class="noteentry" onfocus="updateident(this);" id="entry'.$row['id'].'" data-ph="Enter text here" contenteditable="true">'.$entryfinal.'</div>

当焦点位于内容可编辑区域时，我通过javascript启动updateident函数来替换
标记：

var ent = ent.replace(/<brs*[/]?>/gi, "&nbsp;<br>");

上面的js运行良好，然后我获取ent内容并将其写入一个html文件。

然而，只有当我重新加载页面时，修改才会应用于我的网页，因为它会读取存储的html文件。

当我修改内容时，是否可以应用修改？例如，如果我粘贴一些文本行。

如果有帮助：

有关完整的脚本，请参阅Github第375行：

https://github.com/Pozinux/cnot/blob/main/app/index.php

对于网站的演示：https://cnot.fr/(密码->密码(

Answer 1

我通过在函数中添加来解决它

function updateident(el)
{
...
var str = document.getElementById("entry"+editingnote).innerHTML; 
var res = str.replace(/<brs*[/]?>/gi, "&nbsp;<br>");
document.getElementById("entry"+editingnote).innerHTML = res;
}