Javascript TinyMCE 4-将两个元素合并为一个元素

在代码中，我使用media\uurl\uresolver将适当的youtube嵌入到周围的div中，以保持纵横比。看起来是这样的：

<div class="iframe youtube">
<iframe src="https://www.youtube.com/embed/' + youtube_parser(data.url)+ '"></iframe>
</div>

纵横比与编辑器的其他部分一样工作良好。我唯一的问题是，当我单击div并删除它时，它只删除iframe，但离开div。这显然是不需要的，因为我希望将其整体删除。我需要一种方法让他们合二为一

---

我一直在互联网上搜索我的屁股，但找不到解决办法。非常感谢您的帮助。

如果您在外部

div

上使用

contenteditable=“false”

，该怎么办？这将使TinyMCE将整个标记包视为一个可以删除的元素，但您不能仅修改其中的一部分