水井坊-H5 编辑器

安装

npm install --save sjf-h5-editor

引入

在 main.js 中引入

// 引入样式
import 'sjf-h5-editor/dist/sjf-h5-editor.css';

// 引入组件
import H5editor from 'sjf-h5-editor';

// 需要传入store
Vue.use(H5editor, { store });

示例

<H5editor
  :jsonData="jsonData"
  :ifCreate="true"
  :templateId="1"
  :successful="successful"
/>

属性

| 参数 | 说明 | 类型 | 默认值 | | :---------------: | :----------------------------------------------------------: | :------------------: | :----: | | jsonData | 数据源,接收一个 json | string | '' | | ifCreate | 是否为创建模式,非创建模式下只允许编辑配置过权限的文字和图片内容 | boolean | true | | templateId | 模板 id，根据 id 请求对应模板数据进行编辑 | number | string | '' | | successful | 编辑状态下，点击完成请求发送成功后的回调 返回 落地页地址 | function | ()=>{} | | multipage | 是否为多页 | boolean | true | | createContentInfo | 保存内容信息 | function | | | getData | 获取当前模板数据，并返回一个临时预览地址 | function | | | preview | 预览 | function | |