# TextEditor 图文编辑器组件

## 组件介绍
TextEditor是一个简单的图文编辑器组件，主要用于实现简单的图文编辑功能。支持图片上传（包括截图粘贴）、文本编辑、内容预览等功能。

## 主要功能
- 支持文本编辑和图片上传
- 支持截图直接粘贴上传
- 支持查看大图预览
- 支持只读模式展示
- 支持图片上传状态提示
- 内置XSS防护

## 使用方法
```vue
<template>
  <BiTextEditor
    v-model:remark="content"
    :contenteditable="true"
    domid="editor1"
    uploadConfig="uploadConfig"
    :upload="uploading"
    @resultReamrk="handleRemarkChange"
  />
</template>

<script>
export default {
  data() {
    return {
      content: ''
    }
  },
  methods: {
    handleRemarkChange(content) {
      console.log('内容更新:', content)
    }
  }
}
</script>
```

## 属性说明
| 属性名          | 类型     | 必填 | 默认值            | 说明                                                                                                                                                                               |
| --------------- | -------- | ---- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| remark          | String   | 否   | ''                | 编辑器内容，支持v-model:remark双向绑定                                                                                                                                             |
| contenteditable | Boolean  | 否   | false             | 是否可编辑，false时为只读模式                                                                                                                                                      |
| domid           | String   | 是   | -                 | 编辑器容器的DOM ID，必须唯一                                                                                                                                                       |
| uploadConfig    | Object   | 否   | {dir: '/系统名/'} | 图片上传配置，dir指定上传目 不传录                                                                                                                                                 |
| upload          | Function | 否   | null              | 自定义上传方法，每个系统都有一个 自定义的 this.uploading 直传的 cos 或者 oss  可直接 调用 upload="uploading"    不传则使用默认的ossUpload方法  默认存储桶为 pigen  oss-cn-hangzhou |

## 事件说明
| 事件名        | 说明                  | 回调参数                                            |
| ------------- | --------------------- | --------------------------------------------------- |
| resultReamrk  | 内容变更时触发        | (content: string) 更新后的内容 用来接收编辑好的内容 |
| update:remark | v-model绑定的更新事件 | (content: string) 更新后的内容                      |

## 插槽
组件不提供插槽

## 注意事项
1. domid属性必须保证在同一页面中唯一
2. 图片上传支持截图粘贴，会自动转换为文件上传
3. 默认使用DOMPurify进行XSS防护
4. 编辑器高度固定为150px，宽度自适应容器
5. 图片预览模式下会展示原始大小的图片