@hbtv/html-editor
v1.0.21
Published
包含媒体上传组件的富文本编辑器
Downloads
3
Keywords
Readme
@umi-material/html-editor
Description
- 基于
tinymce
和@hbtv/media-upload
的React
htmlEditor组件
Install
You must install tinyMce for react at first
npm install @hbtv/html-editor --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|
UploadProps
没有
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
依赖的版本
1.0.8
- 调整了mediaUpload的嵌入位置
- 更新media-upload为1.0.20
1.0.7
lazyLoad
缺省值为true- 增加
imagesUploadHandler
参数,支持tinyMce的上传功能
1.0.5
- media-upload 升级到1.0.16
1.0.3
- 插入多媒体支持image,video和audio
Related Efforts
- 基于antd4.0的Form组件封装含有自定表单配置,渲染,编辑的综合表单组件@hbtv/pro-form
- 包含媒体资源库的多媒体上传组件@hbtv/media-upload
LICENSE
MIT