https://github.com/msidolphin/vue-simple-ueditor

a vue vomponent based on ueditor
https://github.com/msidolphin/vue-simple-ueditor

ueditor vue

Last synced: 16 days ago
JSON representation

a vue vomponent based on ueditor

• Host: GitHub
• URL: https://github.com/msidolphin/vue-simple-ueditor
• Owner: msidolphin
• License: mit
• Created: 2018-09-23T14:01:25.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T13:25:18.000Z (almost 2 years ago)
• Last Synced: 2023-12-26T22:03:18.749Z (11 months ago)
• Topics: ueditor, vue
• Language: JavaScript
• Homepage:
• Size: 4.77 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-simple-ueditor

> 基于百度UEditor的Vue组件

## Install

```bash

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

```js

import 'vue-simple-ueditor/dist/css/vue-ueditor.css'

import VueUEditor from 'vue-simple-ueditor'

Vue.use(VueUEditor)

```

### use

```vue

  


    

  


export default {

  name: 'App',

  data () {

    return {

      value: '',

      options: {

        UEDITOR_HOME_URL: '/static/ueditor/' // ueditor静态资源目录 默认为/static/ueditor/

      }

    }

  },

  methods: {

    onContentChange (content) {

      console.log('content：' + content)

    }

  }

}

```

## 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

``` bash

# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).