https://github.com/leezng/vue-text-editor
A Rich Textarea Component for Vue.js 2.x
https://github.com/leezng/vue-text-editor
editor quill textarea vue vue-component
Last synced: 5 months ago
JSON representation
A Rich Textarea Component for Vue.js 2.x
- Host: GitHub
- URL: https://github.com/leezng/vue-text-editor
- Owner: leezng
- License: mit
- Created: 2017-06-04T13:40:15.000Z (over 8 years ago)
- Default Branch: dev
- Last Pushed: 2017-12-29T09:19:14.000Z (almost 8 years ago)
- Last Synced: 2025-04-14T22:22:02.353Z (6 months ago)
- Topics: editor, quill, textarea, vue, vue-component
- Language: JavaScript
- Homepage: https://leezng.github.io/vue-text-editor/
- Size: 267 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vue-text-editor
A Vue.js 2.x project for textarea.
## Links
- [Demo](https://leezng.github.io/vue-text-editor)
- [Github](https://github.com/leezng/vue-text-editor)
## Installation
```js
npm install vue-text-editor
```
## Usage in entry
```js
import vueTextEditor from 'vue-text-editor'
import 'vue-text-editor/static/css/app.css'
Vue.use(vueTextEditor)
```
## Props
| Attribute | Description | Type | Default |
|---------- |-------- |---------- | ---------- |
| value | binding value | string | - |
| config | navbar items | array | - |
Here is the default config:
```js
allConfig = [ 'justifyLeft', 'justifyCenter', 'justifyRight', 'italic', 'bold', 'foreColor', 'backColor', 'fontName', 'fontSize', 'superscript', 'subscript', 'underline', 'strikeThrough', 'indent', 'outdent' ]
```
## Events
| Event Name | Description | Parameters |
|---------- |-------- |---------- |
| change | emit when value has changed | newValue |
Then in your vue template somewhere:
```html
...
```