vue-simple-ueditor

基于百度UEditor的Vue组件

Install

npm install vue-simple-ueditor -S

Usage

复制dist目录下的ueditor到你的项目中（修改了部分源码）

copy the ueditor in the dist directory to your project (Modified part of the source code)

import

import 'vue-simple-ueditor/dist/css/vue-ueditor.css'
import VueUEditor from 'vue-simple-ueditor'
Vue.use(VueUEditor)

use

<template>
  <div id="app">
    <ueditor v-model="value" ref="ueditor" :options="options" @change="onContentChange"></ueditor>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      value: '',
      options: {
        UEDITOR_HOME_URL: '/static/ueditor/' // ueditor静态资源目录 默认为/static/ueditor/
      }
    }
  },
  methods: {
    onContentChange (content) {
      console.log('content：' + content)
    }
  }
}
</script>

Props

| attribute | type | description | | ------ | ------ | ------ | | value | String | v-model | | options | Object | ueditor options http://fex.baidu.com/ueditor/ | | focus | Boolean | focus the component | | disabled | Boolean | whether component is disabled |

Events

| event | description | params | | ------ | ------ | ------ | | change | triggers when the value change | content |

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.