带有Strapi的CKEditor的高级配置

我随后用CKEditor替换了Strapi的所见即所得编辑器。这很管用

在从CKEditor站点进行跟踪之后，我希望CKEditor能够正常加载和运行

但是，运行

npm run build

失败，出现以下错误：

错误：未找到模块：错误：无法解析“C:\work\myProject\backend\node\u modules\@ckeditor\ckeditor5 image\theme”中的“/@ckeditor/ckeditor5 ui/theme/mixins/\u rwd.css”

代码片段

来自package.json:

“依赖项”：{
“@ckeditor/ckeditor5构建经典版”：“^18.0.0”，
“@ckeditor/ckeditor5 react”：“^2.1.0”，
“@ckeditor/ckeditor5适配器ckfinder”：“^18.0.0”，
“@ckeditor/ckeditor5对齐方式”：“^18.0.0”，
“@ckeditor/ckeditor5自动格式化”：“^18.0.0”，
“@ckeditor/ckeditor5基本样式”：“^18.0.0”，
“@ckeditor/ckeditor5块引号”：“^18.0.0”，
//…更多的附加插件

来自C:\work\myProject\backend\extensions\content manager\admin\src\components\CKEditor\index.js

从“React”导入React；
从“道具类型”导入道具类型；
从“@CKEditor/ckeditor5 react”导入CKEditor；
从“@ckeditor/ckeditor5 build classic”导入ClassicEditor；
从“@ckeditor/ckeditor5 Autoformat/src/Autoformat.js”导入Autoformat；
从“@ckeditor/ckeditor5 block quote/src/BlockQuote.js”导入BlockQuote；
从“@ckeditor/ckeditor5 basic styles/src/Bold.js”导入粗体；
从“@ckeditor/ckeditor5 CKFinder/src/CKFinder.js”导入CKFinder；
//…更多的组件需要进口

const editorConfig={
插件：[
自动格式化，
块引用，
大胆的
CKFinder，
//…剩下的插件
],
工具栏：{
项目：[
“撤消”，
“重做”，
“CKFinder”，
'|',
“标题”，
“丰特家族”，
//…剩下的插件
],
图片：{
工具栏：[
“imageTextAlternative”，
'imageStyle:full'，
“imageStyle:side”
]
},
表:{
内容工具栏：[
“tableColumn”，
“tableRow”，
“合并表格单元格”，
“tableCellProperties”，
“tableProperties”
]
},
}

const编辑器=（{onChange，name，value}）=>{
返回(
{
const data=editor.getData（）；
onChange（{target:{name，value:data}}）；
}}
/>
);
};

系统

• Node.js版本：13.5.0
• NPM版本：6.13.4
• Strapi版本：3.0.0-beta.19.3
• 操作系统：Windows10Pro

《CKEditor指南》建议我使用。此设置需要特定的网页包配置来编译.css文件和.svg图标。但我不确定我应该编辑的网页包文件在哪里以及应该如何编辑。也许这就是问题所在。

您需要更改

从“@CKEditor/ckeditor5 react”导入CKEditor；

到

从'@CKEditor/ckeditor5'导入{CKEditor}；

参考资料：

您需要更改

从“@CKEditor/ckeditor5 react”导入CKEditor；

到

从'@CKEditor/ckeditor5'导入{CKEditor}；

---

参考：

目前无法扩展网页包配置。实现高级配置的唯一方法是单独构建编辑器。请查看此存储库，它可能会有所帮助you@soupette谢谢你的回复！我确实获得了经典配置，问题是我真的需要高级配置，就像它有太多的插件，我必须使用。但据我所知-我真的需要在网页包中配置它。我看不到任何其他方式将这些插件包括在SKEditor配置中。现在说“当前”，这是否意味着您计划在未来的版本中包含此选项？目前您可以做的是创建一个包，您可以在其中设置自定义网页包配置，然后，您可以在管理面板中要求您的内置模块。这是repo链接和相关github问题PR尚未合并，但另一个将合并在编辑器中使用媒体库组件。下面是PR和即将发布的文档：哦，这也很好，谢谢！迫不及待地想看看能用它做些什么！与此同时，我正在尝试自定义上述回购协议，但再次遇到一些问题。但我为这个问题提出了一个新问题：目前它不是p扩展网页包配置是可能的。实现高级配置的唯一方法是单独构建编辑器。请查看此存储库，它可能会有所帮助you@soupette谢谢你的回复！我确实成功地获得了经典配置，问题是我真的需要高级配置，因为它有太多插件，我不得不使用它但就我所知，我真的需要在网页包中配置它。我看不到任何其他方式将这些插件包含在SKEditor配置中。现在，通过说“当前”，这是否意味着您计划在未来的版本中包含此选项？目前您可以做的是创建一个包，您可以在其中设置自定义网页包配置，然后，您可以在管理面板中要求您的内置模块。这是repo链接和相关github问题PR尚未合并，但另一个将合并在编辑器中使用媒体库组件。下面是PR和即将发布的文档：哦，这也很好，谢谢！迫不及待地想看看能用它做些什么！与此同时，我正在尝试自定义上述回购协议，但再次遇到一些问题。但我针对该问题提出了一个新问题：