技术文档

打开导航菜单

PIG AI Guide
============

切换主题搜索

[](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/UPQhl7yG06tksqj5rkpXaQj3eAO6yA02XkpyhkoX.jpg)
](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV)

[🚀 支持40+常用图表，20+主流数据源，拖拉拽制作数据大屏。**开源免费，支持二开**。](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV)[广告](https://wwads.cn/?utm_source=property-270&utm_medium=footer "点击了解万维广告联盟")

PIGX 技术指南
=========

适配 5.0 以上单体和微服务版本

PIGX 技术指南PIG

⌘K

参与开发

快速上手

前端部分

功能使用

后端部分

扩展必看

生产部署

社区分享

更新日志

更新日期: 2025-10-23

最后更新: 2025/8/19

切换主题

前端富文本组件
=======

Wangeditor 是一款基于 Web 的所见即所得富文本编辑器，它提供了丰富的富文本编辑功能，支持插入图片、音视频等多媒体内容，并且可以通过自定义插件扩展其功能。Wangeditor 支持跨浏览器和跨平台，同时具有良好的兼容性和性能表现，易于集成和使用。

Wangeditor 采用 HTML5 和 JavaScript 技术实现，可以直接嵌入到网页中使用，也可以作为独立的编辑器使用。在使用过程中，Wangeditor 提供了简洁的 API 接口和详细的文档，方便开发人员进行二次开发和扩展。

[](#页面使用)页面使用
-------------

```


`<editor  v-model:get-html="form.content"  />`




```

[](#属性说明)属性说明
-------------

| 属性名称 | 描述 | 类型 | 默认值 |
| --- | --- | --- | --- |
| 

disable

 | 

是否禁用编辑器

 | 

Boolean

 | 

false

 |
| 

placeholder

 | 

编辑器默认占位符

 | 

String

 | 

"请输入内容..."

 |
| 

mode

 | 

编辑器模式，可选值为 default 或 simple

 | 

String

 | 

default

 |
| 

height

 | 

编辑器高度

 | 

String

 | 

"310px"

 |
| 

getHtml

 | 

双向绑定的属性，用于获取编辑器中 HTML 内容

 | 

String

 | 

\-

 |
| 

getText

 | 

双向绑定的属性，用于获取编辑器中纯文本内容

 | 

String

 | 

\-

 |
| 

uploadFileUrl

 | 

上传文件的接口地址

 | 

String

 | 

"/admin/sys-file/upload"

 |

### 本页导航

页面使用

属性说明