site_rich_text

安装

npm install site_rich_text --save
#或者
yarn add site_rich_text

使用

main.js全局导入插件:

import components from 'site_rich_text'

全局注册插件:

Vue.use(components.site_rich_text)

引入插件的css

import 'site_rich_text/lib/site_rich_text.css'

引入资源库插件

import resource from 'site_resource_store_assembly'
Vue.use(resource)
import 'site_resource_store_assembly/lib/site_resource_store_assembly.css';

ueditor引入到public目录

+ /ueditor

ueditor传送（诶:smile:，暂时没有）

vue页面使用示例

 <site_rich_text
      :id="id"
      :url="url"
      width="100%"
      height="500px"
      @change="onContentChange"
      v-model="text"
    >
</site_rich_text>

参数说明

• id:编辑器标识

• url:site_resource_store_assembly(简称资源库)的接口路径前缀,区分为预发布还是正式

• width：宽度

• height:高度

• source:资源库资源分类来源("jpt":建平台 "ztg":做推广"czh":促转化:"ztb":臻推宝"st":随推"other":其他) 默认"jpt"

• @change:编辑器内容变更时触发

• v-model:编辑器内容，也可用:value

  .........(后续需要再补充参数)