@bingoit/vue-ueditor v0.0.4

vue-ueditor

UEditor的Vue封装

安装方法

npm install @bingoit/vue-ueditor --save

使用方法

import Vue from 'vue';
import VueUeditor from '@bingoit/vue-ueditor';
Vue.use(VueUeditor);

或
import {VueUeditor} from '@bingoit/vue-ueditor';

使用组件，如：

<vue-ueditor v-model="content" :config="config" />

注意：在使用vue-ueditor组件前，需要先在项目中引入ueditor； ueditor请使用修改版 ，复制dist目录中的文件到前端项目中； 具体步骤： 1. 前端项目的public/static目录下创建一个UEditor目录； 2. 把上面dist目录中的文件复制到UEditor目录中; 3. 然后在vue-ueditor组件的config参数中指定ueditor所在的目录，参数名称为：UEDITOR_HOME_URL;

具体如下所示：

<template>
  <div id="app">
    <vue-ueditor v-model="content" :config="config" />
  </div>
</template>

<script>
import { VueUeditor } from '@bingoit/vue-ueditor';

export default {
  name: 'App',
  components: {
    'vue-ueditor': VueUeditor
  },
    data() {
      return {
          content: '',
          config: {
              // 编辑器不自动被内容撑高
              autoHeightEnabled: true,
              // 初始容器高度
              initialFrameHeight: 500,
              // 初始容器宽度
              initialFrameWidth: '100%',
              // UEditor 资源文件的存放路径
              UEDITOR_HOME_URL: '/static/UEditor/'
          }
      }
    }
}
</script>

安装及模块发布方式

1. 安装：

npm install 

2. 发布：

npm publish --access public