Skip to content

Medium Editor

Andrei Hrabouski edited this page Jan 19, 2018 · 10 revisions
<template>
  <vuestic-medium-editor @initialized="handleEditorInitialization">
    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

Find DEMOs here!

Clone this wiki locally