vue-simple-ueditor

1.1.3 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i vue-simple-ueditor

Weekly Downloads

9

Version

1.1.3

License

MIT

Unpacked Size

17.2 MB

Total Files

577

Last publish

Collaborators

  • yy950812