CKEditor5 无法使用其他插件构建

如何解决CKEditor5 无法使用其他插件构建

我在使用 CKEditor 时遇到了困难，也许你们中的一些人可以帮助我，请...

总结

我正在按照本指南尝试自定义构建 ckeditor5 - https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html - 想法是包含不在标准构建中的插件。

当我构建 CKEditor 构建时，推回 Github，然后尝试将编辑器安装到我的 nodejs 应用程序中（从 Github 安装 npm），编辑器可以工作，但没有我添加的插件。

环境

Windows 10 专业版 (20H2)
安装 NVM 以管理节点版本
用于 ckeditor54 构建的节点 14.6.0
Node 10.22.0 用于 NodeJS 项目（我正在开发的平台中支持的最新版本）

采取的步骤

分叉 ckeditor5 存储库。
使用 git clone -b stable https://github.com/<MyGithubUsername>/ckeditor5.git 将存储库克隆到我的桌面。
导航到构建目录 cd D:\_source\ckeditor5\packages\ckeditor5-build-classic。
运行 npm install。
我安装了字体插件以在此版本中使用它：npm install --save-dev @ckeditor5/ckeditor5-font。
然后我通过添加到 src/ckeditor.js 来更新构建配置：
- import Font from '@ckeditor/ckeditor5-font/src/font';
- ClassicEditor.builtinPlugins = [ ...,Font]
- ClassicEditor.defaultConfig = { toolbar: { items: [' ...,fontColor,fontBackgroundColor'] } }
此时，指南说你应该运行 yarn run build，但我无法让 Yarn 在这个开发环境中工作，因为爱情和金钱，所以我使用 npm run build。
我通过在浏览器中打开 sample/index.html 来测试构建，它看起来不错；字体插件已加载并显示工具栏项。
然后我使用 Git 暂存更改，然后提交并推送到我的克隆存储库。
在我想使用 ckeditor 的 Nodejs 项目中，我使用 npm install <MyGithubUsername>/ckeditor5#stable 安装自定义构建
我在项目中添加了 import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';

编辑器如您所愿，但没有字体插件。返回 CKEditor 本地存储库，当我查看 ckeditor5\packages\ckeditor5-build-classic\build\ckeditor.js.map 并搜索 ckeditor5-font 时，我发现它的许多实例，表明它确实将它包含在构建中。当我查看 Nodejs 项目 D:\_source\NodeJsProject\node_modules\@ckeditor\ckeditor5-build-classic\build\ckeditor.js.map 中的同一个文件时，没有 ckeditor5-font 的迹象； NodeJS 项目中的 sample.html 有效，但不显示字体添加，也不显示在我的项目中的实现中。

我发现我的waround很好，但我远不是专业的前端开发人员，这让我很难过。

非常感谢任何帮助或指导。

解决方法

您好，我已经创建了 ckeditor5 的 angular 演示视频，其中涵盖了来自 github 和在线构建器的自定义构建 https://youtu.be/HsjCkvEvQhA

提示。尝试删除一些插件然后它会工作。一次删除一个插件并构建并检查它，这样您就可以找出哪个插件创建问题某些插件会产生冲突，因此您必须将其删除。