将带有HTML标记的内容粘贴到Contenteditable DIV

Paste a content with HTML tags to Contenteditable DIV

本文关键字：DIV Contenteditable HTML      更新时间：2023-09-26

我会尽力解释我的问题）我有一个DIV元素，内容如下：

<div contenteditable>
   <p>Some text</p>
   <p>Some text</p>
   <p><img src="myserver/path/image.jpg"></p>
   <p id="111">Some text</p>
   <p><img src="myserver/path/image.jpg"></p>
   <p>Some text</p>
</div>

我想在中间粘贴一些外部html内容，例如，在id=111段之后。这个外部html内容看起来像：

   <p>Some text</p>
   <p><img src="OUTERSERVER/path/image.jpg"></p>
   <p>Some text</p>
   <p><img src="OUTERSERVER/path/image.jpg"></p>
   <p>Some text</p>

但是这个外部html内容应该自动格式化。为什么？因为我应该将img src"OUTERSERVER/path"更改为"myserver/path"，仅用于粘贴的内容。

我真的厌倦了这个问题。你能帮我吗？）我只使用javascript。

如果你想用纯javascript来实现。那么它应该看起来像

function insertAfter(refer, external) {
   refer.parentNode.insertBefore(external, refer.nextSibling);
}
var external = document.getElementById('external');
var refer = document.getElementById('111');
insertAfter(refer, external);

有关html 的更多详细信息，请浏览链接

工作演示

相关文章：