How to use @ckeditor/ckeditor5-vue - 1 common examples

To help you get started, we’ve selected a few @ckeditor/ckeditor5-vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mshossain110 / examinee / resources / assets / js / components / common / editor / Editor.vue View on Github external
// import MediaEmbed from '@ckeditor/ckeditor5-media-embed/src/mediaembed';
import Table from '@ckeditor/ckeditor5-table/src/table'
import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar'
import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment'

// import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
import ckeditor from '@ckeditor/ckeditor5-vue'
import GFMDataProcessor from '@ckeditor/ckeditor5-markdown-gfm/src/gfmdataprocessor'
// Simple plugin which loads the data processor.
function Markdown (editor) { = new GFMDataProcessor(editor.editing.view.document)

export default {
    components: {
        Ckeditor: ckeditor.component,
    props: {
        value: {
            type: String,
            default: ''
    data () {
        return {
            editor: null,
            editorType: ClassicEditor,
            editorData: this.value,
            editorConfig: {
                startupMode: 'source',
                plugins: [


Official Vue.js 3+ component for CKEditor 5 – the best browser-based rich text editor.

Latest version published 11 months ago

Package Health Score

76 / 100
Full package analysis

Popular @ckeditor/ckeditor5-vue functions