有没有一种方法可以为CK Editor创建自定义插件以支持嵌入式SVG？

Question

我想创建一个插件，使用户可以插入带有SVG图标和一些文本的小部件。我创建了允许用户添加文本的小部件，但是当我尝试添加SVG时，它会将我的所有属性都删除了。有没有一种方法可以在编辑器内部允许内联SVG。我找不到有关SVG支持的任何文档。

schema.register('actionIcon', {
      allowWhere: '$text',
      isInline: true
      allowAttributes: ['name', 'class']
    })

schema.register('actionCircle', {
      allowWhere: '$text',
      isInline: true,
      allowAttributes: ['name', 'class', 'cx', 'cy', 'r', 'stroke', 'fill']
    })

// ...

conversion.elementToElement({
      model: 'actionIcon',
      view: {
        name: 'svg',
        classes: 'action-icon'
      }
})

conversion.elementToElement({
      model: 'actionCircle',
      view: {
        name: 'circle',
        classes: 'action-circle',
        ['cx']: '50',
        ['cy']: '50',
        ['r']: '40',
        ['stroke']: 'green',
        ['fill']: 'yellow'
      }
})


Result:

<p>
    <svg class="action-icon">
        <circle class="action-circle">&nbsp;</circle>
    </svg>
    <span class="placeholder ck-widget" contenteditable="false">
        Item
    </span>
</p>

我希望为svg创建一个方案和转换器，并将其插入到小部件中，但是ck编辑器会删除我详细定义的所有属性。