TinyMCE Vue 2

A vue 2 component for TinyMCE.

Install

npm install tinymce-vue-2

Examples

Using the default options, you just need to pass an id and a model

<tiny-mce id="description" v-model="description"></tiny-mce>

Changing the menubar

Pass a prop called menubar which is either a string or a string variable. It can either be a string or a boolean

<tiny-mce id="descriptionLong"
    v-model="descriptionLong"
    :toolbar="'undo redo'"
></tiny-mce>

Changing the toolbar

Pass a prop called toolbar which is either a string or a string variable to set the toolbar

<tiny-mce id="descriptionLong"
    v-model="descriptionLong"
    :toolbar="'undo redo'"
></tiny-mce>

Passing other configuration options

You can pass any of the documented options to the editor using the otherProps property like so

<tiny-mce id="descriptionLong"
    v-model="descriptionLong"
    :other-props="{min_height:500, elementpath: false, allow_conditional_comments: false}"
></tiny-mce>