Javascript documentexecCommand不使用canvas元素

我正在尝试创建一个文本编辑器。在这里，我使用的是contenteditable div，我必须在其中创建多个画布元素，但是当我使用

var A = "<canvas style='border:1px solid' id='matharea'
class='mathdoxformula'></canvas>";
document.execCommand("insertHTML", A,null);

var A=”“；
document.execCommand（“insertHTML”，A，null）；

它会给游标带来问题，当按backspace时会发生什么？它会删除所有画布元素我需要逐个删除。我认为这个问题是因为两个元素之间没有空间，但是当我创建textarea只是为了检查时，它工作得很好

所需输出 1.我可以在任何光标位置创建画布元素 2.在两个画布元素之间需要一个光标距离，这样我可以在元素之间的可编辑div中写入。 3.逐个删除画布元素

在这幅图中

黑体黑框：内容可编辑div

DIV内的黑盒：canvas元素

红色线：光标指向

我使用document.execCommand是因为它可以将canvas元素放置在任何光标位置。帮帮我

---

限制：仅使用JavaScript和HTML

请检查您的代码是否存在引用错误。文章中的代码着色显示您的引用无效。如果只是在文章中，请修复文章。代码中没有错误。我在邮局工作