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
Vue
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 dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report# run unit testsnpm run unit# run all testsnpm test
For a detailed explanation on how things work, check out the guide and docs for vue-loader.