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