ckeditor 降级处理bug

build/webpack.base.conf.js

@@ -84,8 +84,10 @@ $GLOBAL.BaseConfig = {
             '@babel/preset-env',
             {
               "targets": {
-                "chrome": "58",
-                "ie": "11"
+                "browsers": [
+                  "last 2 versions",
+                  "ie >= 11"
+                ],
               },
               corejs: '3.6.5',
               useBuiltIns: 'usage'

package.json

@@ -73,8 +73,8 @@
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-build-classic": "^27.0.0",
-    "@ckeditor/ckeditor5-build-decoupled-document": "^27.0.0",
+    "@ckeditor/ckeditor5-build-classic": "^27.1.0",
+    "@ckeditor/ckeditor5-build-decoupled-document": "^27.1.0",
     "@ckeditor/ckeditor5-vue2": "^1.0.5",
     "@ezijing/web-message-sdk": "^0.2.1",
     "axios": "^0.21.1",

src/components/ckeditor/index.vue

@@ -14,11 +14,11 @@
 <script>
 import CKEditor from '@ckeditor/ckeditor5-vue2'
 
-import DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document'
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'
+// import DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document'
+// import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'
 
-// import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
-// import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn'
+import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
+import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn'
 
 import MyUploadAdapter from './MyUploadAdapter'
 
@@ -32,7 +32,7 @@ export default {
   },
   data() {
     return {
-      editor: DecoupledEditor,
+      editor: ClassicEditor,
       editorConfig: {
         language: this.$i18n.locale.toLocaleLowerCase(),
         fontFamily: { options: ['default', '宋体', 'Times New Roman'] },
@@ -42,9 +42,9 @@ export default {
   },
   methods: {
     onEditorReady(editor) {
-      editor.ui
-        .getEditableElement()
-        .parentElement.insertBefore(editor.ui.view.toolbar.element, editor.ui.getEditableElement())
+      // editor.ui
+      //   .getEditableElement()
+      //   .parentElement.insertBefore(editor.ui.view.toolbar.element, editor.ui.getEditableElement())
 
       const FileRepository = editor.plugins.get('FileRepository')
       // 自定义上传图片插件