<template>
    <!-- App -->
    <div id="app">
        <vue-tinymce
            v-model="content"
            :setup="setup"
            :setting="setting" />
    </div>
</template>
<script>
    import Vue from "vue"
    import VueTinymce from "@lhb2/vue-tinymce"

    // 异步加载TinyMCE，如果使用vue-cli，需要放在main.js中
    import { loadTinymce } from '@lhb2/vue-tinymce'
    loadTinymce('//unpkg.com/tinymce@5.1.5/tinymce.min.js')

    //安装组件
    Vue.use(VueTinymce)

    new Vue({
        el: "#app",
        data: function() {
            return {
                content: "<p>html content</p>",
                setting: {
                    height: 500
                }
            }
        },
        methods: {
            setup(editor) {
                console.log(editor)
            }
        }
    })
</script>