1.0.0 • Published 6 years ago
vue-tinymce-editor-dweb v1.0.0
vue-tinymce-editor
This a component provides easy use of tinymce for vue developers
Demo
You can see a demo and an example in this page: Demo & examples
Instalation
$ npm install vue-tinymce-editor
How to use
import Vue from 'vue'
import tinymce from 'vue-tinymce-editor'
Vue.component('tinymce', tinymce)
You may use the component in your markup
<tinymce id="d1" v-model="data"></tinymce>
export default{
data(){
return {
data : ''
};
}
}
Properties
Property | Type | Default | Description |
---|---|---|---|
id | required, String | id of component's textarea | |
toolbar1 | String | 'formatselect \| bold italic strikethrough forecolor backcolor \| link \| alignleft aligncenter alignright alignjustify \| numlist bullist outdent indent \| removeformat' | Toolbar 1 of tinymce |
toolbar2 | String | '' | Toolbar 2 of tinymce |
plugins | Array | ['advlist autolink lists link image charmap print preview hr anchor pagebreak','searchreplace wordcount visualblocks visualchars code fullscreen','insertdatetime media nonbreaking save table contextmenu directionality','template'] | plugins of tinymce you need to load |
other_options | Array | {} | other tinymce options. you can also override our initial options |
1.0.0
6 years ago