在CKEditor5中更改视图模式的完美方式 [英] Elegant way to change view schema in 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屋！