image 图片

插入图片 / 更新图片

使用方法

• 引入组件

import { ImageMenu } from '@kaitify/vue'

• 在 Wrapper 包裹器插槽中使用

<Wrapper v-model="content">
	<template #before>
		<ImageMenu />
	</template>
</Wrapper>

Props 参数

disabled boolean

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

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

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

popoverProps MenuPropsType['popoverProps']

浮层属性配置，同 Menu 的 popoverProps 属性

width string | number

初始图片宽度

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

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

代码示例