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.
mshossain110 / examinee / resources / assets / js / components / common / editor / Editor.vue View on Github 
// 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) {
editor.data.processor = new GFMDataProcessor(editor.editing.view.document)
}
export default {
components: {
Ckeditor: ckeditor.component,
AttachFiles
},
props: {
value: {
type: String,
default: ''
}
},
data () {
return {
editor: null,
editorType: ClassicEditor,
editorData: this.value,
editorConfig: {
startupMode: 'source',
plugins: [@ckeditor/ckeditor5-vue
Official Vue.js 3+ component for CKEditor 5 – the best browser-based rich text editor.
