跳到主要内容

toggle-list

描述

当用户在所选块上切换列表时触发

toggle-list 事件为上下文感知的项目符号/编号列表按钮提供支持。该事件不会插入新列表,而是检查当前选区并自动选择以下四种行为之一:

模式触发条件结果
包装选区仅包含段落每个段落成为一个新列表容器中的列表项
解包所有选中项目均属于所点击类型的列表这些项目还原为段落,列表容器被移除
转换所有选中项目均在列表中,但至少有一个列表属于另一种类型列表类型就地切换(项目符号 ↔ 编号)
混合选区同时包含段落和列表项段落转为列表项,所有内容合并为该类型的一个列表

用法

"toggle-list": ({ type: TListType }) => boolean | void;

type TListType = "bulleted" | "numbered";

参数

toggle-list 事件的回调函数可接受一个包含以下参数的对象:

  • type - 要切换的列表类型。可指定以下值:
    • "bulleted" - 项目符号(无序)列表
    • "numbered" - 编号(有序)列表
信息

要处理内部事件,请使用 Event Bus 方法

示例

// 初始化 RichText
const editor = new richtext.Richtext("#root", {
// 配置属性
});
// 订阅 "toggle-list" 事件
editor.api.on("toggle-list", (obj) => {
console.log(obj.type);
console.log("The list was toggled");
});

变更日志: 该事件在 v2.0.6 中新增