@umi-material/html-editor

Description

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

Install

You must install tinyMce for react at first

``sh
npm install @hbtv/html-editor --save
`

Usage

`javascript
import { HtmlEditor } from './index';
const HtmlEditorTest = () => {
return (







);
};


`

API

$3

---
|参数名|类型|是否必填|默认值|描述|
|-----|-----|-----|-----|-----|
|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|

$3

---

* 参考@hbtv/media-upload组件

* 没有 onChange visible showButton onCancel ,returnUrlOnly 四个属性

`ts

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

`

ChangeLog

$3

$3

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

$3

- 增加字体颜色修改

$3

- 修改HTMLRender的声明

$3

- 优化 index.tsx
- 修改HTMLRender的声明

$3

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

$3

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

$3

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

$3

* media-upload 升级到1.0.16

$3

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

Related Efforts

* 基于antd4.0的Form组件封装含有自定表单配置,渲染,编辑的综合表单组件@hbtv/pro-form
* 包含媒体资源库的多媒体上传组件@hbtv/media-upload

LICENSE

MIT