导入依赖

package.json

@@ -20,6 +20,8 @@
     "nprogress": "^0.2.0",
     "vue": "^2.6.11",
     "vue-ls": "^3.2.2",
+    "tinymce": "^5.3.2",
+    "@tinymce/tinymce-vue": "^2.1.0",
     "vue-photo-preview": "^1.1.3",
     "vue-print-nb-jeecg": "^1.0.9",
     "vue-area-linkage": "^5.1.0",

src/components/jero/JEditor.vue

@@ -11,25 +11,25 @@
 </template>
 
 <script>
-  // import tinymce from 'tinymce/tinymce'
-  // import Editor from '@tinymce/tinymce-vue'
-  // import 'tinymce/themes/silver/theme'
-  // import 'tinymce/plugins/image'
-  // import 'tinymce/plugins/link'
-  // import 'tinymce/plugins/media'
-  // import 'tinymce/plugins/table'
-  // import 'tinymce/plugins/lists'
-  // import 'tinymce/plugins/contextmenu'
-  // import 'tinymce/plugins/wordcount'
-  // import 'tinymce/plugins/colorpicker'
-  // import 'tinymce/plugins/textcolor'
-  // import 'tinymce/plugins/fullscreen'
-  // import 'tinymce/icons/default'
+  import tinymce from 'tinymce/tinymce'
+  import Editor from '@tinymce/tinymce-vue'
+  import 'tinymce/themes/silver/theme'
+  import 'tinymce/plugins/image'
+  import 'tinymce/plugins/link'
+  import 'tinymce/plugins/media'
+  import 'tinymce/plugins/table'
+  import 'tinymce/plugins/lists'
+  import 'tinymce/plugins/contextmenu'
+  import 'tinymce/plugins/wordcount'
+  import 'tinymce/plugins/colorpicker'
+  import 'tinymce/plugins/textcolor'
+  import 'tinymce/plugins/fullscreen'
+  import 'tinymce/icons/default'
   import { uploadAction,getFileAccessHttpUrl } from '@/api/manage'
   import { getVmParentByName } from '@/utils/util'
   export default {
     components: {
-      // Editor
+      Editor
     },
     props: {
       value: {
@@ -101,8 +101,7 @@
       },
 
       onClick(e) {
-        // this.$emit('onClick', e, tinymce)
-        this.$emit('onClick', e)
+        this.$emit('onClick', e, tinymce)
       },
       //可以添加一些自己的自定义事件，如清空内容
       clear() {