Javascript Contenteditable添加带有事件但不替换的内容

我想添加一个带有事件点击的动态图像，而不是替换当前div中的内容

我当前的代码如下所示

HTML

JavaScript

我目前的代码是，它取代了我添加到div中的内容。比方说在div内部。有一个文本堆栈溢出非常棒。当我点击图片时，它会替换。它不仅仅是添加Stackoverflow，还非常棒

注意：在JavaScript而不是JQuery上回答这个问题。感谢阅读：

使用a+

---

你可以用这个孩子

也许最好将id分配给img标签，然后

<div id="btn"><img src="images/Leviathan.png"></div>
<div id="ctn" contenteditable="true"></div>

<script>
var btn = document.getElementById('btn');
var ctn = document.getElementById('ctn');

btn.addEventListener('click', function(){
ctn.innerHTML = btn.innerHTML;}, false);
</script>

 ctn.innerHTML += btn.innerHTML;

var ctn = document.getElementById('ctn');
ctn.appendChild(document.getElementById('btn'));