A vue 2 component for TinyMCE
npm install tinymce-vue-2npm install tinymce-vue-2
import TinyMCE from 'tinymce-vue-2';
Vue.component('tiny-mce', TinyMCE);
`
Check the binding by doing something like anywhere in your
template.
Check bellow on how to configure and extend the editor.
$3
Read the documentation first
Pass a prop called menubar which is either a string or a string variable. It can either be
a string or a boolean
`
v-model="descriptionLong"
:toolbar="'undo redo'"
>
`
$3
Read the documentation first
Pass a prop called toolbar which is either a string or a string variable
to set the toolbar
`
v-model="descriptionLong"
:toolbar="'undo redo'"
>
`
It can also be an array which will set multiple toolbars
`
[
'undo redo | styleselect | bold italic | link image',
'alignleft aligncenter alignright'
]
`
or even a boolean like false to disable it
$3
You can pass any of the documented options to the editor using the otherProps property like so
Read the documentation first
`
v-model="descriptionLong"
:other-props="{min_height:500, elementpath: false, allow_conditional_comments: false}"
>
`
This allows you to freely configure the editor since all it does is merging your object
with the tinymce` one