ckeditor 降级处理

package.json

@@ -73,8 +73,8 @@
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-build-classic": "^27.1.0",
-    "@ckeditor/ckeditor5-build-decoupled-document": "^27.1.0",
+    "@ckeditor/ckeditor5-build-classic": "^24.0.0",
+    "@ckeditor/ckeditor5-build-decoupled-document": "^24.0.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: ClassicEditor,
+      editor: DecoupledEditor,
       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')
       // 自定义上传图片插件