z-react-editor v1.0.0

z-react-editor 富文本编辑器

基于 draftjs 的一款富文本编辑器

功能介绍

1. 侧边栏实现块元素的样式修改和文件上传的功能，上传只支持类似第三方（七牛，网宿cdn）模式。

2. 选中文字可实现行内元素的样式修改和添加链接功能

3. 上传图片可调节图片尺寸

安装

    npm i z-react-editor -S

配置

uploadProps 介绍

相关介绍可查看 antd upload 组件uploadProps配置介绍

代码示例

const uploadProps = {
            action: 'http://***/file/upload',
            data: (file) => {//支持自定义保存文件名、扩展名支持
                let token = this.state.upToken,
                    key = "";
                if (!token) {
                    token = this.returnToken(); // 获取token代码
                }
                key = file.keys;
                return {token, key}
            },
            multiple: true, // 是否支持多文件上传
            beforeUpload: this.beforeUpload, // 文件开始上传之前的回调
            queryFilePrefix: { // 上传后远程文件地址前缀
                img: 'https://img-prefix',
                video: 'https://video-prefix',
                audio: 'https://audio-prefix',
            }
        }

this.beforeUpload = (files) =>  {
                                  console.log(files)
                              }