plugins

编辑器插件

图层都是以插件的模式载入,需要根据特定的格式传入插件,即可载入插件,插件参数如下。

const set = {
    type: 'img', // 插件类型,必须确保唯一,且按照变量的命名规范
    icon: Component, // <i className="h5ds ico-xxx" /> 可以采用iconfont的图标
    name: '图片', // 中文名字
    editor: Component, // 编辑区域的组件
    layerdom: Component, // layer dom 纯react组件
    selectIcon: () => new Promise(),
    origindata: json, // 原始数据
    willMount: () => {}, // 挂载之前执行
    didMount: () => {}, // 挂载之后执行
    willUnmount: () => {}, // 挂载之后执行
    modal: Component, // 弹窗
    editorSet: { // 编辑器设置区域设置
        y: false,
        x: false,
        width: false,
        height: false,
        rotate: false,
        borderRadius: false,
        hide: false,
        opacity: false,
        shadow: false,
        border: false,
        animate: false, // 是否有动画
        interaction: false // 交互
    },
    scripts: [] // 异步加载第三方插件库
}

<H5DS plugins={[set]} />

插件开发中有对每个参数进行详细介绍。

results matching ""

    No results matching ""