在可编辑div中插入SVG元素

Question

我的HTML中有一个可编辑的div，并且正在其中插入SVG元素。 元素如下：

<svg width="1.5em" height="1.5em"><use xlink:href="hrefLink"></use></svg>

我正在使用document.execCommand('insertHTML')方法插入此元素。但是，我面临以下问题-

1. 未在SVG元素之后设置光标。光标位置始终保持在SVG元素之前。 SVG元素之前会插入任何文本或其他内容。
2. 我发现了一种解决上述问题的方法，即在SVG标签后面保留 似乎有效。但是，当有两个连续的SVG时，说“ AB”，然后将光标放在它们之间，并尝试使用退格键删除“ A”，它将删除两个SVG。