Skip to content

editor 编辑器

集成了 wangEditor,wangEditor 文档

基础用法

vue
<script setup lang="ts">
import type { BasicForm } from '@/types/form'

const formConfig = reactive<BasicForm>({
  formItems: [
    {
      label: '',
      value: '',
      name: '',
      type: 'editor',
    },
  ],
})
</script>

属性

ts
interface Props {
  modelValue: string
  mode?: string
  height?: string
  uploadApi?: string
  fieldName?: string
  toolbarConfig?: Partial<IToolbarConfig>
  editorConfig?: Partial<IEditorConfig>
}
参数说明类型默认值
modelValue编辑器内容String
mode编辑器模式Stringsimple
height编辑器高度String300px
uploadApi文件上传地址Stringconfig.uploadApi
fieldName文件上传字段名Stringfile
toolbarConfig工具栏配置IToolbarConfig
editorConfig编辑器配置IEditorConfig