@hbtv/html-editor
TypeScript icon, indicating that this package has built-in type declarations

1.0.21 • Public • Published

@umi-material/html-editor

Description

  • 基于tinymce@hbtv/media-uploadReacthtmlEditor组件

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


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

Readme

Keywords

none

Package Sidebar

Install

npm i @hbtv/html-editor

Weekly Downloads

1

Version

1.0.21

License

MIT

Unpacked Size

24.2 kB

Total Files

12

Last publish

Collaborators

  • gegang
  • zix2002
  • yugong
  • dokey
  • gogoing
  • xuezhidp
  • aa719032411