Reactjs ckeditor错误:ckeditor重复模块:某些ckeditor 5模块重复
获取ckeditor 5重复模块错误。任何人都可以帮助我。Reactjs ckeditor错误:ckeditor重复模块:某些ckeditor 5模块重复,reactjs,ckeditor,ckeditor5,Reactjs,Ckeditor,Ckeditor5,获取ckeditor 5重复模块错误。任何人都可以帮助我。 提前感谢。这是因为您正在导入带有构建的插件! 为了添加插件,您必须进行个人构建。请阅读此页面以了解更多信息:。 他们甚至有一个官方的在线建设者为你做所有的工作 创建编辑器后,您必须导入编辑器,就像之前在第2行中所做的那样,但不是从“@ckeditor/ckeditor5 build classic”写入,而是从“个人构建的构建文件夹的地址”写入 我希望它能帮助您。我在尝试分别添加CKEditor和插件时遇到了这个问题。 最简单的方法是转
提前感谢。这是因为您正在导入带有构建的插件! 为了添加插件,您必须进行个人构建。请阅读此页面以了解更多信息:。 他们甚至有一个官方的在线建设者为你做所有的工作 创建编辑器后,您必须导入编辑器,就像之前在第2行中所做的那样,但不是从“@ckeditor/ckeditor5 build classic”写入,而是从“个人构建的构建文件夹的地址”写入
我希望它能帮助您。我在尝试分别添加CKEditor和插件时遇到了这个问题。 最简单的方法是转到并选择您需要的插件和工具栏项,然后在五个步骤后生成您需要使用的代码 然后,您可以在build文件夹中使用名为ckeditor.js的文件,这几乎就是您所需要的全部 1-添加CKEditorModule
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/adapters/base64uploadadapter';
2-将CKEditor标记添加到模板中
@NgModule({
imports: [CKEditorModule],
...
}
4-在组件中创建属性
<ckeditor
[editor]="Editor"
[(ngModel)]="notification.body"
(ready)="onReady($event)"
[config]="config"
></ckeditor>
import * as customEditor from './ckeditor';
5-添加您的配置
public Editor = customEditor;
就是这样:)注意:我们不再使用@ckeditor/ckeditor5 build classic了 错误:
从“@ckeditor/ckeditor5 build classic”导入ClassicEditor代码>
正确:
从'@ckeditor/ckeditor5 editor classic/src/ClassicEditor'导入ClassicEditor'代码>我也有类似的问题。当我安装了一个版本的所有模块时,我解决了这个问题。当我导航到我的本地路径时,我得到了“在imagecaption.js中找不到模块错误”和如此多的错误,你有什么解决方案吗?我也遇到了同样的问题。有人在Vue中使用吗?我得到错误无效的道具:道具“编辑器”的类型检查失败。期望的函数,得到了Modulegood知道!谢谢
ngOnInit() {
this.config = {
toolbar: {
items: [
'heading',
'|',
'fontSize',
'fontFamily',
'|',
'bold',
'italic',
'underline',
'strikethrough',
'highlight',
'|',
'alignment',
'|',
'numberedList',
'bulletedList',
'|',
'indent',
'outdent',
'|',
'todoList',
'link',
'blockQuote',
'imageUpload',
'insertTable',
'|',
'undo',
'redo'
]
},
language: 'en',
image: {
toolbar: [
'imageTextAlternative',
'imageStyle:full',
'imageStyle:side'
]
},
table: {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells'
]
},
licenseKey: '',
wordCount: {
onUpdate: stats => {
this.charactersLength = stats.characters
}
}
}
}