在CKEditor5中更改视图模式的完美方式 [英] Elegant way to change view schema in CKEditor5
本文介绍了在CKEditor5中更改视图模式的完美方式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在寻找一种方法来更改CKE5使用的视图架构/标记,同时尽量不重新实现所有内容。因此,基本上问题是,将编辑器中的<strong>
元素更改为<b>
的最佳方式是什么。
*editing.js
文件和基本插件文件,使其包含修改后的编辑插件,而不是原始的。不过,这很有效,我想知道是否有方法可以减少完成此任务所需的代码行数。
所以我的解决方案目前是这样的:
newbold.js
:
static get requires() {
return [ NewBoldEditing, BoldUI ];
}
和newboldediting.js
:
editor.conversion.attributeToElement({
model: 'bold',
view: 'b'
});
有没有更好的方法(最好不涉及重新实现这么多类)?
推荐答案
您只能提供覆盖默认bold
属性转换的非常简单的插件。
class BoldToB extends Plugin {
init() {
this.editor.conversion.attributeToElement( {
model: 'bold',
view: 'b',
converterPriority: 'high'
} );
}
}
这里有一把小提琴供您测试:https://jsfiddle.net/u3zyw67v/
请注意,在小提琴中,我没有访问Plugin
类的权限,因此我必须添加constructor()
。如果扩展Plugin
类,则不需要执行此操作。
这篇关于在CKEditor5中更改视图模式的完美方式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文