如何在Vue JS中重新初始化tinymce?

时间:2020-08-25 15:11:23

标签: javascript vue.js vuejs2 tinymce vuetify.js

我正在使用tinymce。它基本上是索引页上的数据表,此处是每一行的按钮。单击该模式中打开的按钮模式时,会出现一个微小的提示。现在的问题是,当我打开模式或第一行tinymce可以正常工作,但是如果我打开第二行tinymce变得不可写。因为tinymce ID对于所有模式都是相同的。我想我每次模态打开时都需要重新初始化 所有这些代码都位于模式内部

形式和模态的田纳西语用法

       <v-form
                ref="form"
                v-model="valid"
                @submit.prevent="submitReply"

              >

                <editor
                  apiKey="key"

                  :init="{
                   height: 200,
                   menubar: false,
                   plugins: [
                     'advlist autolink lists link image charmap print preview anchor',
                     'searchreplace visualblocks code fullscreen',
                     'insertdatetime media table paste code help wordcount'
                   ],
                   toolbar:
                     'undo redo | formatselect | bold italic backcolor | \
                     alignleft aligncenter alignright alignjustify | \
                     bullist numlist outdent indent | removeformat | help'
                 }"
                  v-model="message"
                />


                <v-btn type="submit"  color="#03363d" class="mt-2 white--text">Send</v-btn>
              </v-form>

脚本



export default {
  mixins: [Form],

  data() {
    return {
      dialog: false,
      notifications: false,
      sound: true,
     
    };
  },
  components: {
    'editor': Editor
  }
}

0 个答案:

没有答案