w-ckeditor-vue

w-ckeditor-vue

A wrapper for @ckeditor/ckeditor5-vue.

Statement

This project is forked and adapted from the following open-source project:

• Forked from ckeditor5-vue2 by CKEditor team

The original project is licensed under the MIT License, and this project is also distributed under the MIT License.

Special thanks to the CKEditor team for their excellent work, which served as the foundation for this project. 🙏

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

default: ex-default.html [source code]

Installation

Using npm(ES6 module):

npm i w-ckeditor-vue

By import:

<w-ckeditor-vue 
    v-model="..."
></w-ckeditor-vue>

import WCkeditorVue from 'w-ckeditor-vue'

Vue.component('w-ckeditor-vue', WCkeditorVue)

In a browser(UMD module):

Add script for ckeditor.

<script src="https://cdn.jsdelivr.net/npm/@ckeditor/ckeditor5-build-classic@21.0.0/build/ckeditor.js"></script>

Add script for vue.

<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.min.js"></script>

Add script for w-ckeditor-vue.

<script src="https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.13/dist/w-ckeditor-vue.umd.js"></script>

Directly use:

<w-ckeditor-vue 
    v-model="..."
></w-ckeditor-vue>

Vue.component('w-ckeditor-vue', window['w-ckeditor-vue'])

new Vue({
    el: '#app',
    data: {
        content: 'abc中文123'
    }
})