@gaoding/editor-sdk

editor-sdk

稿定编辑器对外 SDK

安装

npm i @gaoding/editor-sdk
# or
yarn add @gaoding/editor-sdk

npm 使用方式

import { GdEditorSdk } from '@gaoding/editor-sdk';

const sdk = new GdEditorSdk({
    onUpload(blob) {
        // 直接展示
        const url = window.URL.createObjectURL(blob);
        const img = document.createElement('img');
        img.src = url;
        document.body.append(img);

        // 上传的例子
        const form = new FormData();
        form.append('file', blob, 'gaoding.jpg');
        axios.post('url', form, { headers: { 'Content-Type': 'multipart/form-data' } })
            .then(res => {
                alert('上传成功');
            })
            .catch(error => {
                alert(error.message);
            })
    }
})

sdk.open({ filter: 'xinmeiti' });

API

interface IConfig {
    /**
     *
     * 编辑器下载，或选择预览图时触发
     * @param {Blob} blob
     * @returns {*}
     * @memberof IConfig
     */
    onUpload(blob: Blob): any;
    /**
     * 自定义iFrame样式
     *
     * @type {{[k: string]: string}}
     * @memberof IConfig
     */
    style?: {
        [k: string]: string;
    };
}
export declare class GdEditorSdk {
    constructor(config: IConfig);
    /**
     * 打开iframe 弹窗
     *
     * @param {{ filter: string }} options
     * @param options.filter: string 筛选项
     * @memberof GdEditorSdk
     */
    open(options: {
        categoryId: number;
    }): void;
    /**
     * 关闭弹窗
     *
     * @memberof GdEditorSdk
     */
    close(): void;
}