中国城乡住房和城乡建设部网站首页,内江seo,小程序云开发的弊端,烟花代码编程报错原因#xff1a; 由于集成了webpack#xff0c;统一引入了ckeditor #xff0c;但是页面里面我们又通过import引入了一遍#xff0c;所以导致引入重复了
解决#xff1a; ckeditor本身除了基本的一些功能#xff0c;其他基本全靠插件引入#xff0c;所以想加功能必…报错原因 由于集成了webpack统一引入了ckeditor 但是页面里面我们又通过import引入了一遍所以导致引入重复了
解决 ckeditor本身除了基本的一些功能其他基本全靠插件引入所以想加功能必定是需要引入插件配置可以换个目录也可以换引入方式最后我考虑到依赖项如果在项目里面大量引入这个插件本身不太好管理第二是感觉页面引入多了也不好看其实我们可以重新打包一下这个ckeditor将我们需要的东西集成进去再引入项目这就比较简单。 1个性化配置地址 https://ckeditor.com/ckeditor-5/online-builder/# 可以按照步骤配置依次如图 注: 他有些是需要收费的加完有提示 然后直接下载下载完后解压就得到一个项目大体目录如图 下载依赖 npm install 打包项目 npm run build 打包完成后在build下就有我们需要的文件直接放在项目的public,通过index.html引入即可
templatedivckeditor :editoreditor :valueeditorData :disableddisabled :configeditorConfig readyonEditorReady focusonEditorFocus bluronEditorBlur inputonEditorInput destroyonEditorDestroy/ckeditor/div
/templatescriptexport default {name: app,props: {editorData: { // 初始默认值type: String,default: ,},// editorConfig: { // 编译器配置// type: Object,// default: () {// },// },disabled: { // 是否只读type: Boolean,default: false,},},data() {return {editor: ClassicEditor,editorConfig: {simpleUpload: {uploadUrl: http://example.com,headers: {}},toolbar: {items: [heading,highlight,|,bold,italic,Underline,fontSize,numberedList,bulletedList,blockQuote,|,alignment:left,alignment:right,alignment:center,alignment:justify,|,imageUpload,Link,|,undo, //撤销redo,//重做],shouldNotGroupWhenFull: true}}};},methods: {// 初始化onEditorReady() {console.log(ClassicEditor)console.log(初始化)},// 聚焦onEditorFocus() {console.log(聚焦)},// 失去焦点onEditorBlur() {console.log(失去焦点)},// 输入onEditorInput() {console.log(输入)},// 页面卸载onEditorDestroy() {console.log(卸载)}},
}
/script
