ckedor5无法使用额外的插件进行构建



我正在努力使用CKEditor,也许你们中的一些人可以帮助我,拜托…

我正在尝试一个自定义构建CKEditor5遵循这个指南- https://ckeditor.com/docs/ckeditor5/latest/builds/guides/development/custom-builds.html -这个想法是包括插件不在标准构建。

当我构建CKEditor构建,推回Github,然后尝试安装编辑器到我的nodejs应用程序(npm安装从Github),编辑器工作,但没有我添加的插件。

环境Windows 10 Pro (20H2)
NVM安装用于管理节点版本
node 14.6.0用于CKEditor54构建
node 10.22.0用于NodeJS项目(我正在开发的平台中支持的最新版本)

步骤

  1. Fork CKEditor5 repo.
  2. 使用git clone -b stable https://github.com/<MyGithubUsername>/ckeditor5.git克隆repo到我的桌面
  3. 导航到构建目录cd D:_sourceckeditor5packagesckeditor5-build-classic
  4. 运行npm install.
  5. 我安装字体插件使用它在这个构建:npm install --save-dev @ckeditor5/ckeditor5-font
  6. 然后我通过添加src/ckeditor.js来更新构建配置:
    • import Font from '@ckeditor/ckeditor5-font/src/font';
    • ClassicEditor.builtinPlugins = [ ..., Font]
    • ClassicEditor.defaultConfig = { toolbar: { items: [' ..., fontColor, fontBackgroundColor'] } }
  7. 在这一点上,指南说你应该运行yarn run build,但是我不能让Yarn在这个开发环境中工作,所以我使用npm run build
  8. 我通过在浏览器中打开sample/index.html测试构建,它看起来很好;字体插件被加载,工具栏项出现。
  9. 然后我使用Git来执行更改,然后我提交并推送到我的克隆存储库。
  10. 在Nodejs项目中,我想使用ckeditor,我使用npm install <MyGithubUsername>/ckeditor5#stable安装自定义构建
  11. 在项目中添加import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';

编辑器显示为您所期望的,但是没有Font插件。回到CKEditor本地repo中,当我查看ckeditor5packagesckeditor5-build-classicbuildckeditor.js.map并搜索ckeditor5-font时,我发现它的许多实例,表明它确实包含在构建中。当我在Nodejs项目D:_sourceNodeJsProjectnode_modules@ckeditorckeditor5-build-classicbuildckeditor.js.map中查看相同的文件时,没有ckeditor5-font的迹象;NodeJS项目中的sample.html工作,但不显示字体添加,也不显示在我的项目中的实现。

我发现我的周围很好,但我远不是一个专业的前端开发人员,这让我难住了。

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

你好,我已经在angular中创建了ckedor5的演示视频,涵盖了从github和在线构建器的自定义构建https://youtu.be/HsjCkvEvQhA

提示。尝试删除一些插件,然后它将工作。每次删除一个插件,然后构建并检查它,这样你就会发现是哪个插件创建了问题有些插件会产生冲突,所以你必须删除它。

相关内容

最新更新