leezng / vue-text-editor

A Rich Textarea Component for Vue.js 2.x

vue-text-editor

A Vue.js 2.x project for textarea.

Links

• Demo
• Github

Installation

npm install vue-text-editor

Usage in entry

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:

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:

<template>
  <div>
    ...
    <vue-text-editor :value="'abc'" @change="handleChange"></vue-text-editor>
  </div>
</template>