TinyMCE只加载到vue js应用程序中一次

Question

我正在从事vue Js项目，并使用TinyMCE，如下所示

<textarea class="tinymcefoo" id="editor">  </textarea> </div>

In Vue js：我将TinyMCE调用到挂载的生命周期中：

mounted()        { tinymce.init({ selector:'.tinymcefoo' })  }

但是问题是它只工作了一次，或者如果页面完全刷新的话。如果我点击菜单(使用vue路由器)，它就不能运行。

Answer 1

我建议在正式文件对象中阅读tinymce，并将其放在data()对象中：

data() {
  return {
    tinyMCE: {
      init: {
        api: 'API_KEY',
        plugins: [
          'advlist autolink lists link image charmap print preview anchor',
          'searchreplace visualblocks code fullscreen',
          'insertdatetime media table paste code help wordcount',
          'autoresize'
        ],
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
      },
      modelForField: ''
    }
  }
},