Forked CKEditor仓库新增图片缩放、链接功能不生效问题求助

排查步骤 #

1. 检查Fork仓库的构建产物是否提交推送
   你修改完ckeditor.js源码后，执行npm run build生成的构建产物在packages/ckeditor5-build-classic/build/目录下，必须将该目录的改动一并提交推送到你远程仓库的stable分支，否则npm安装的还是未更新的旧版本，插件自然不会生效。

2. 修正编辑器引入路径
   你当前引入的是未构建的源码：

import ClassicEditor from 'ckeditor5/packages/ckeditor5-build-classic';

这个路径指向的是src目录下的源码文件，你配置的工具栏规则不会生效，需要改为引入构建后的产物：

import ClassicEditor from 'ckeditor5/packages/ckeditor5-build-classic/build/ckeditor';

3. 本地配置补全保险
   可以在项目的自定义配置中主动补全图片工具栏配置，避免默认配置未加载：

const custom_config = {
  extraPlugins: [MyCustomUploadAdapterPlugin],
  image: {
    resizeUnit: '%',
    resizeOptions: [
        { name: 'resizeImage:original', value: null },
        { name: 'resizeImage:25', value: '25', icon: 'small' },
        { name: 'resizeImage:50', value: '50', icon: 'medium' },
        { name: 'resizeImage:75', value: '75', icon: 'large' },
    ],
    toolbar: [
        'imageStyle:inline',
        'imageStyle:block',
        'imageStyle:side',
        '|',
        'toggleImageCaption',
        'imageTextAlternative',
        '|',
        'resizeImage',
        'linkImage',
    ],
  }
};

4. 清理缓存重新安装依赖
   先删除项目中node_modules/ckeditor5目录、package-lock.json（或yarn.lock），再重新执行安装命令，确保拉取的是远程仓库最新的代码：

npm i git+https://github.com/your_username/ckeditor5.git#stable --save

补充说明：你已经引入了ImageResize插件，不需要再单独引入ImageResizeEditing和ImageResizeHandles，前者已经内置了后两个子插件，属于冗余引入，不过不影响功能运行。

内容的提问来源于stack exchange，提问作者Jiaah