你如何在一个contenteditable元素中插入一个Figure元素？

Question

我想知道如何实现一个命令，以便在一个contenteditable元素中插入<figure>个元素。 Document.execCommand()提供了insertImage命令，但没有像我正在寻找的那样。

以下是我要插入的代码片段：

<figure>
    <img src="http://example.org/image.jpg" alt="some text" />
    <figcaption>Here is a caption</figcaption>
</figure>

由于

Answer 1

您可以添加自定义命令并使用src和标题添加图形。

请参阅https://jsfiddle.net/2qjcLosq/

execCommand('insertfigure' ,'you_src','your_caption');