14.md 2.3 KB
技术文档
打开导航菜单
PIG AI Guide
切换主题搜索
[](https://wwads.cn/click/bait)[ ](https://wwads.cn/click/bundle?code=rj1sGC1a4OL9EZHJYkOcZnZecLZrnV)
[
🚀 支持40+常用图表，20+主流数据源，拖拉拽制作数据大屏。开源免费，支持二开。广告
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"
|
本页导航
页面使用
属性说明