Question

我正在研究 vue Js 项目，并且正在使用 TinyMCE 像下面的代码

HTML

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

在Vue js 中：我将TinyMCE称为已安装生命周期：

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

但是问题是它只能工作一次还是页面完全刷新。如果我点击菜单（使用vue路由器）不起作用。

Answer 1

我建议阅读official documentation，并且-也将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: ''
    }
  }
},

TinyMCE仅一次载入vue js应用

1 个答案: