@hbtv/html-editor-3x

v1.0.23

Published

3 years ago

包含媒体上传组件的富文本编辑器

Downloads

0High
0Medium
0Low

@umi-material/html-editor

Description

基于tinymce和@hbtv/media-upload-3x的ReacthtmlEditor组件

Install

You must install tinyMce for react at first

npm install @hbtv/html-editor-3x --save

Usage

import { HtmlEditor } from './index';
const HtmlEditorTest = () => {
  return (
    <Form>
      <Form.Item name="content" label="内容">
        <HtmlEditor />
      </Form.Item>
    </Form>
  );
};

API

HtmlEditorProps

|参数名|类型|是否必填|默认值|描述| |-----|-----|-----|-----|-----| |value|string|false|''|| |menuBar|boolean|false|true|是否显示tinymce的菜单栏| |minHeight|number|false|false|320|| |onChange|(content:string)=>void|false||回调函数| |imagesUploadHandler|function(blobInfo,succFun,failFun)|false||tinymce的图片上传,请查询tinymce的images_upload_handler| |mediaResourceUpload|boolean|false|true|是否启用@hbtv/mediaUpload组件| |uploadConfig|UploadProps|false|DefaultUploadConfig|mediaUpload上传组件的参数| |lazyLoad|boolean|true|true|| |apiKey|string|false|''|tinyMce的apiKey| |customPlugins|string|false|''|自定义tinymce额外插件| |customConfig|object|false|{}|自定义tinymce额外配置| |customToolbar|string|false|''|自定义tinymce额外工具栏|

UploadProps

参考@hbtv/media-upload-3x组件
没有 onChange visible showButton onCancel ,returnUrlOnly 四个属性


const DefaultUploadConfig: UploadProps = {
  fileType: ['image', 'audio', 'video'],
  fileSize: '2m',
};

ChangeLog

1.0.15

1.0.14

增加字体大小配置
增加上传文件的默认显示链接

1.0.12

增加字体颜色修改

1.0.11

修改HTMLRender的声明

1.0.10

优化 index.tsx
修改HTMLRender的声明

1.0.9

添加HtmlRender组件
修复audio不能显示的bug
更新media-upload-3x 依赖的版本

1.0.8

调整了mediaUpload的嵌入位置
更新media-upload-3x为1.0.20

1.0.7

lazyLoad 缺省值为true
增加imagesUploadHandler参数,支持tinyMce的上传功能

1.0.5

media-upload-3x 升级到1.0.16

1.0.3

插入多媒体支持image,video和audio

Related Efforts

包含媒体资源库的多媒体上传组件@hbtv/media-upload-3x

LICENSE

MIT