W tinymce vue

A wrapper for @tinymce/tinymce-vue.

Version: 1.0.30 Updated: 11/12/2020

By: yuda-lyu License: MIT

Downloads Last 30 Days: 81

w-tinymce-vue

A wrapper for @tinymce/tinymce-vue.

language language npm version Build Status license gzip file size npm download jsdelivr download

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):

Note: w-tinymce-vue depends on tinymce, @tinymce/tinymce-vue and vue.

npm i w-tinymce-vue

By import:

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

import WTinymceVue from 'w-tinymce-vue'

Vue.component('w-tinymce-vue', WTinymceVue)

In a browser(UMD module):

Note: umd file includes with @tinymce/tinymce-vue, by using tree-shaking for dead-code elimination

[Necessary] Add script for tinymce.

<script src="https://cdn.jsdelivr.net/npm/tinymce/tinymce.min.js"></script>

[Necessary] Add script for vue.

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

[Necessary] Add script for w-tinymce-vue.

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

Directly use:

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

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

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

Contributors



semisphere
commits

DevDependencies


Categories: Vue js