在 CKEditor5 中更改视图架构的优雅方式

Question

我正在寻找一种方法来更改 CKE5 使用的视图架构/标签，同时尽量不重新实现所有内容。 所以基本上问题是在编辑器中将<strong>元素更改为<b>的最佳方法是什么。

我目前的解决方案是更改*editing.js文件和基本插件文件，以包含修改后的 Editing 插件而不是原始插件。 这很好用，但是，我想知道是否有办法减少完成此任务所需的代码行数。

所以我的解决方案目前看起来像这样：

newbold.js ：

static get requires() {
    return [ NewBoldEditing, BoldUI ];
}

和newboldediting.js ：

editor.conversion.attributeToElement({
    model: 'bold',
    view: 'b'
});

有没有更好的方法来做到这一点（最好不涉及重新实现这么多类）？

Answer 1

您只能提供一个非常简单的插件来覆盖默认的bold属性转换。

class BoldToB extends Plugin {
    init() {
        this.editor.conversion.attributeToElement( {
            model: 'bold',
            view: 'b',
            converterPriority: 'high'
        } );
    }
}

这是一个供您测试的小提琴： https : //jsfiddle.net/u3zyw67v/

请注意，在小提琴中我无权访问Plugin类，所以我不得不添加constructor() 。 如果您扩展Plugin类，则不需要这样做。