Sjf-h5-editor NPM

水井坊-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