awesome-vue-tinymce

A small editor from vue with tinyMCE

Without tinyMCE module, without css, make it easier & flexible

Install

 npm i -s tinymce awesome-vue-tinymce

Usage

quick start

<template>
    <Editor
        v-model="value"
        id="editor"
    />
<template>
<script>
    import 'tinymce/themes/modern/theme';
    import 'tinymce/skins/lightgray/skin.min.css';
    import 'tinymce/skins/lightgray/content.min.css';

    import AwesomeVueTinymce from 'awesome-vue-tinymce';
    export default {
        components: {
            Editor: AwesomeVueTinymce
        },
        data () {
            return {
                value: '<p>Your Text</p>'
            }
        }
    }
</script>

async value

skin

i18N

Select language from TinyMCE language

then

<script>
+	import './langs/zh_CN';  // example
    export default {
        components: {
            Editor: AwesomeVueTinymce
        },
        data () {
            return {
                value: '<p>Your Text</p>'
            }
        }
    }
</script>

upload picture

License

MIT © maxwithu [email protected]