Package Exports
- vue-tinymce-editor
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-tinymce-editor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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 |