tiny.js

module.exports = {
  watch: {
    'model': {
      handler: function (value) {
        this.$emit('changed-model', value)
      },
      deep: true
    }
  },
  created: function() {
    jQuery.getScript('https://cloud.tinymce.com/stable/tinymce.min.js', this.initEditor.bind(this))
  },
  props: ['model'],
  methods: {
    initEditor: function() {
      if (!this.model) {
        this.model = ''
      }
      tinymce.init({
        target: this.$el.querySelector('.textarea'),
        init_instance_callback: function(editor) {
          editor.on('input change undo redo setcontent', function() {
            this.$emit('changed-model', editor.getContent())
          }.bind(this))
        }
      })
    }
  },
  template: "<div><textarea v-model=\"model\" rows=\"5\" class=\"textarea uk-width-1-1\"><\/textarea><\/div>"
};