video 视频

插入视频

使用方法

import { useState } from 'react'
import { Wrapper, VideoMenu } from '@kaitify/react'

export default function App() {
  const [content, setContent] = useState('<p>hello</p>')
  return <Wrapper value={content} onChange={v => setContent(v)} before={<VideoMenu />}></Wrapper>
}

Props 参数

disabled boolean

是否禁用该菜单，默认为 false

tabs { data: ('remote' | 'upload')[]; default: 'remote' | 'upload'}

配置浮层内的选项卡，目前支持 upload（本地上传）和 remote（远程视频），data 表示选项卡的数据，default 表示默认展示的选项卡

popoverProps Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>

浮层属性配置，参考 Menu 的 popoverProps 属性

width string | number

初始视频宽度

customUpload (file: File) => string | Promise<string>

自定义本地视频上传的方法，该方法返回一个字符串值，表示上传后的视频文件地址，回调参数为 File 文件，如果不设置该方法，视频默认以 base64 字符串的形式插入编辑器中