我正在努力使用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项目(我正在开发的平台中支持的最新版本)
步骤
- Fork CKEditor5 repo.
- 使用
git clone -b stable https://github.com/<MyGithubUsername>/ckeditor5.git
克隆repo到我的桌面 - 导航到构建目录
cd D:_sourceckeditor5packagesckeditor5-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'] } }
在这一点上,指南说你应该运行 - 我通过在浏览器中打开
sample/index.html
测试构建,它看起来很好;字体插件被加载,工具栏项出现。 - 然后我使用Git来执行更改,然后我提交并推送到我的克隆存储库。
- 在Nodejs项目中,我想使用ckeditor,我使用
npm install <MyGithubUsername>/ckeditor5#stable
安装自定义构建 - 在项目中添加
import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';
yarn run build
,但是我不能让Yarn在这个开发环境中工作,所以我使用npm run build
。编辑器显示为您所期望的,但是没有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
提示。尝试删除一些插件,然后它将工作。每次删除一个插件,然后构建并检查它,这样你就会发现是哪个插件创建了问题有些插件会产生冲突,所以你必须删除它。