Medium Editor

Usage Example

<template>
  <vuestic-medium-editor @initialized="handleEditorInitialization" :editor-options="editorOptions">
    Initial Content
  </vuestic-medium-editor>
</template>

<script>
  export default {
    name: 'medium-editor-wrapper',

    data () {
      return {
        editor: {},
        editorOptions: {
          buttonLabels: 'fontawesome',
          autoLink: true,
          toolbar: {
            buttons: [
              'bold',
              'italic',
              'underline',
              'anchor',
              'h1',
              'h2',
              'h3'
            ]
          }
        }
      }
    },

    methods: {
      handleEditorInitialization (editor) {
        this.editor = editor
      }
    }
  }
</script>

editor-options: Object -- Medium Editor initialization options

Our Medium Editor integration throws an initialized event with editor object as it's payload, so you can use all the Medium Editor features inside your wrapper component.

Find DEMOs here!