vue-neditor-wrap

vue-neditor-wrap

Installation

$ npm i vue-neditor-wrap

Quick Start

• 下载官方资源文件

  下载完成后放在本地public下，命名为NEditor的文件夹下

• 引入VueNeditorWrap组件

  import VueNeditorWrap from 'vue-neditor-wrap'

• 注册组件

  components: {
      VueNeditorWrap
  },
  

• v-model绑定数据

  <vue-neditor-wrap v-model="content" :config="myConfig" :destroy="false" @ready="ready"></vue-neditor-wrap>
  

  data () {
      return {
          myConfig: {
              // 如果需要上传功能,找后端小伙伴要服务器接口地址
              serverUrl: '/api/web/upload/ueditor',
              // 你的UEditor资源存放的路径,相对于打包后的index.html
              UEDITOR_HOME_URL: '/NEditor/',
              // 编辑器不自动被内容撑高
              autoHeightEnabled: false,
              // 初始容器高度
              initialFrameHeight: 240,
              // 初始容器宽度
              initialFrameWidth: '100%',
              // 关闭自动保存
              enableAutoSave: false
          },
          content: '',
      }
  }
  

  至此你已经可以在页面中看到一个初始化之后的NEditor了，并且它已经成功和数据绑定了！

  

  

License

MIT