Javascript 我应该在这里添加什么如果标签的内容发生了变化，那么它应该反映在文本框中

单击“单击我”按钮时，标记的文本将更改。现在我要实现的是，如果span文本的值被更改，那么插入div标记中的类似span也应该更改。 链接到小提琴

document.querySelector（“.可选图标”）.addEventListener（'click'，函数（e）{
document.querySelector（“[contenteditable]”）、appendChild（e.target.cloneNode（true））；
});
document.getElementById（“clickMe”）.onclick=function（）{document.getElementsByClassName（'label'）[0].innerHTML='new text'；
};
document.querySelector（'div'）。addEventListener（'keydown'，函数（事件）{
//检查是否有退格
if（event.which==8）{
s=window.getSelection（）；
r=s.getRangeAt（0）
el=r.startContainer.parentElement
//检查当前元素是否为.label
if（el.classList.contains（'label'））{
//检查我们是否正好位于.label元素的末尾
if（r.startOffset==r.endOffset&&r.endOffset==el.textContent.length）{
//防止默认的删除行为
event.preventDefault（）；
if（el.classList.contains（'highlight'））{
//移除该元素
el.移除（）；
}否则{
el.classList.add（'highlight'）；
}
返回；
}
}
}
event.target.queryselectoral（'span.label.highlight'）.forEach（函数（el）{el.classList.remove（'highlight'）；}）
});
[内容可编辑]{
边框：1px实心#000；
保证金：0.4em0；
线高：1.4em；
-webkit外观：textfield；
外观：textfield；
}
img{
垂直对齐：顶部；
最大高度：1.4em；
最大宽度：1.4em；
}
.可选图标img{
光标：指针；
}
span.label.highlight{
背景：#E1ECF4；
边框：1px点#39739d；
}
span.label{
背景：#E1ECF4；
边框：1px点#39739d；
}
只需单击图标即可添加它

I 1
I 2
I 3
你可以在这里打字。我添加了一个图标。