Question

我会尝试解释我的问题）我有一个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>

我想在id = 111 parag之后粘贴一些外部html内容 - 例如 - 。 外部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＆＃34; OUTERSERVER / path＆＃34;到＆＃34; myserver / path＆＃34; 仅适用于粘贴的内容。

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

Answer 1

如果你想用纯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

的详细信息

working demo

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

1 个答案: