无法从使用 npm 安装的包中访问函数

Question

我正在尝试从 tinyMCE 访问不同的方法，但它找不到 get、setContent 或 insertContent。任何人都知道我如何访问这些？以下代码是他们文档的副本。

到目前为止，这是我的代码：

App.vue:

    <template>
      <div id="app">
        <Editor id="test"></Editor>
        <button @click="insertData">Test</button>
      </div>

    </template>

    <script>


    export default {

      name: 'App',
      components: {
        Editor
      },
      methods: {
          insertData: function () {
            Editor.get("test").setContent("This is a test.")
          }
      }
    }
    </script>

    <style>
    #app {
      font-family: Avenir, Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      color: #2c3e50;
      margin-top: 60px;
    }
    </style>

main.js


import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false;
// es modulesc
var commonjsrequire = require('commonjs-require');
// NOTE: default needed after require
var Editor = require('@tinymce/tinymce-vue').default;

Vue.component('Editor',
    () => import('@tinymce/tinymce-vue')
);

new Vue({
  render: function (h) { return h(App) },
}).$mount('#app')

Answer 1

您所追求的功能与 tinymce 全局对象相关联。当您在应用程序上下文中定义 Editor 组件时，对 TinyMCE 的实际 API 调用是 tinymce 全局对象的一部分。

例如：

tinymce.get("test").setContent("<p>This is a test.</p>")

无法从使用 npm 安装的包中访问函数

Can't access functions from package installed with npm

tinymce

vue-component

vuejs2