如何在CKEditor 5中添加自定义插件？

在CKEditor 5中添加自定义插件通常分为几个步骤：

1. **创建插件**: 创建一个新的目录，例如`myPlugin`。在这个目录里，需要创建一个名为`src/index.js`的文件作为插件的入口点，定义插件的基本信息和功能。例如：

   export default class MyCustomPlugin extends CKEditor5Module {
       static get pluginName() { return 'MyCustomPlugin'; }
   
       constructor(editor) {
           super(editor);
           editor.ui.viewManager.register('customButton', MyCustomView);
       }
   }

这里定义了一个新的按钮视图`MyCustomView`。

2. **创建视图**: 编写视图文件`src/view.js`，定义插件在用户界面上显示的方式：

   import { Plugin } from '@ckeditor/ckeditor5-core';
   
   class MyCustomView extends Plugin.View {
       createdom() {
           const button = document.createElement('button');
           button.textContent = 'Custom Button';
           return button;
       }

       bind() {
           this.button.addEventListener('click', () => {
               console.log('Custom button clicked');
           });
       }

       unbind() {
           this.button.removeEventListener('click', this._onClickHandler);
       }
   }

3. **注册插件**: 在`src/index.js`中，你需要将插件注册到编辑器的核心中，以便能够加载和使用：

   import MyCustomPlugin from './view';
   
   ClassicEditor.builtinPlugins.push(MyCustomPlugin);

4. **启用插件**: 在初始化编辑器时，你可以选择性地激活这个自定义插件：

   ClassicEditor.create(document.querySelector('#editor'), {
       plugins: [MyCustomPlugin], // 如果你想全局启用该插件
       toolbar: ['customButton'], // 将新按钮添加到默认工具栏
   });

记得将上述代码替换为你实际的插件名称和功能。完成以上步骤后，你应该可以在CKEditor 5中看到并使用你的自定义插件了。