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>

Props

• 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!