Ckeditor 有没有办法为CK编辑器创建一个自定义插件来支持内联SVG?

Ckeditor 有没有办法为CK编辑器创建一个自定义插件来支持内联SVG?,ckeditor,ckeditor5,Ckeditor,Ckeditor5,我想创建一个插件,让用户插入一个带有SVG图标和一些文本的小部件。我创建了一个小部件,允许用户添加文本,但当我尝试添加SVG时,它将我的所有属性剥离出来。是否有一种方法允许在编辑器内部使用内联SVG。我找不到任何关于SVG支持的文档 schema.register('actionIcon', { allowWhere: '$text', isInline: true allowAttributes: ['name', 'class'] }) sche

我想创建一个插件,让用户插入一个带有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>
schema.register('actionIcon'{
allowWhere:“$text”,
伊辛琳:是的
allowAttributes:['name','class']
})
schema.register('actionCircle'{
allowWhere:“$text”,
是的,
allowAttributes:['name'、'class'、'cx'、'cy'、'r'、'stroke'、'fill']
})
// ...
转换。元素到元素({
型号:“actionIcon”,
视图:{
名称:“svg”,
类:“动作图标”
}
})
转换。元素到元素({
模型:“actionCircle”,
视图:{
名称:'圆圈',
班级:'行动圈',
['cx']:'50',
['cy']:'50',
[r']:“40”,
['stroke']:'green',
['fill']:'yellow'
}
})
结果:

项目

我希望为svg创建一个方案和转换器,并将其插入到小部件中,但ck editor去掉了我详细定义的所有属性