Skip to content

Multiple Plugins with extraPlugins

Dang Van Thanh edited this page May 5, 2018 · 1 revision

Configuration multiple plugins with extraPlugins

In vue-ckeditor2 if you want to add more plugins. The first you download your plugin you want to integrate. Below I use Image2 plugin and Autogrow plugin then adding with extraPlugins

<template>
  <div>
    <ckeditor :config="config" v-model="content"></ckeditor>
  </div>
</template>

<script>
import Ckeditor from 'vue-ckeditor2'

export default {
  components: { Ckeditor },
  data: () => {
    content: 'Hello',
    config: {
      toolbar: [
        ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', 'Image']
      ],
      height: 300,
      extraPlugins: 'image2,autogrow',
      autoGrow_minHeight: 200,
      autoGrow_maxHeight: 600
    }
  }
}

</script>

Demo: http://vue-ckeditor2.surge.sh/