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.