在可编辑div中插入SVG元素

问题描述

我的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。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）