vue-ckeditor sample

example.html

<script>
import CKEditor from "@ckeditor/ckeditor5-vue";
// import Editor from "@ckeditor/ckeditor5-build-classic";
// import Editor from "@ckeditor/ckeditor5-build-balloon";
import Editor from "@ckeditor/ckeditor5-build-balloon-block";

export default {
  components: {
    // Use the <ckeditor> component in this view.
    ckeditor: CKEditor.component
  },
  data() {
    return {
      editorData: ""
    };
  },
  created() {
    this.editor = Editor;
    this.editorConfig = {
      toolbar: ["bold", "italic", "link"],
      blockToolbar: [
        "paragraph",
        "heading1",
        "heading2",
        "heading3",
        "|",
        "bulletedList",
        "numberedList",
        "|",
        "blockQuote",
        "imageUpload"
      ]
      // The configuration of the editor.
    };
  },
};
</script>