富文本

src/views/components/tinymce2/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <editor id="editors" v-model="content" tag-name="div" :init="init" />
+  <editor :id="id" v-model="content" tag-name="div" :init="init" />
   <!-- <textarea id="editors" v-model="content" /> -->
 </template>
 
@@ -51,6 +51,13 @@ import { debounce } from "throttle-debounce";
 
 export default {
   props: {
+    id: {
+      type: String,
+      default: () => {
+        num === 10000 && (num = 1);
+        return `tinymce${+new Date()}${num++}`;
+      },
+    },
     value: {
       default: "",
     },
@@ -67,7 +74,7 @@ export default {
     let token = this.getUserToken();
 
     let init = {
-      selector: '#editors',
+      selector: `#${this.id}`,
       language_url: require("./zh_CN.js"), // 中文语言包路径
       language: "zh_CN",
       skin_url: require("tinymce/skins/ui/oxide/skin.css"), // 编辑器皮肤样式
@@ -154,7 +161,7 @@ export default {
     };
   },
   mounted() {
-    tinymce.init(this.init)
+    // tinymce.init(this.init)
   },
   methods: {
     vModel(editor) {

src/views/modules/workPc/guidance/DetailForm.vue

@@ -69,6 +69,8 @@
 
             <Tinymce class="tinymce_view"
                      v-if="formType!='D'"
+                     :ref="item.moduleId"
+                     :id="item.moduleId"
                      v-model="item.moduleContent"
                      :height="450"
                      :customerId="customerId"