wangeditor 菜单组 key分别代表啥
时间: 2025-03-06 10:21:37 浏览: 75
### wangeditor 菜单组各个 key 的含义及作用
在 `wangeditor` 中,菜单项通过特定的键名来表示不同的编辑功能。这些键名用于构建工具栏中的按钮和其他交互元素。下面是一些常见的菜单 key 及其对应的含义:
#### 基本文本操作
- **bold**: 加粗文字[^1]
- **italic**: 斜体文字
- **underline**: 下划线
- **strikeThrough**: 删除线
#### 文字颜色与背景色
- **fontSize**: 更改字体大小
- **foreColor**: 修改前景色(即文字颜色)
- **backColor**: 修改背景色
#### 对齐方式
- **justifyLeft**: 左对齐
- **justifyRight**: 右对齐
- **justifyCenter**: 居中对齐
- **justifyJustify**: 两端对齐
#### 列表处理
- **unorderedList**: 创建无序列表
- **orderedList**: 创建有序列表
- **indent**: 缩进当前段落[^3]
- **outdent**: 减少缩进量
#### 插入内容
- **insertLink**: 添加超链接
- **insertImage**: 插入图片[^2]
- **uploadVideo**: 上载视频文件[^2]
- **codeBlock**: 插入代码块
- **attachmentUpload**: 文件附件上传[^4]
#### 特殊字符与其他选项
- **undo**: 撤销最近一次修改
- **redo**: 重做被撤销的操作
- **clearStyle**: 清除选中文本的所有格式化设置
- **selectAll**: 全选文档内的全部内容
为了获取完整的菜单 keys 列表以及更详细的描述,可以使用如下 JavaScript 代码片段打印出所有已注册的菜单 keys:
```javascript
import { createEditor } from "@wangeditor/editor";
const editor = createEditor({});
console.log(editor.getAllMenuKeys(), "工具栏");
```
此代码会输出一个数组,其中包含了所有可用的菜单 keys。
阅读全文
相关推荐


















