开发文档Umo Editor Next工具栏扩展

工具栏扩展

通过工具栏扩展,您可以在工具栏中添加自定义菜单分组,实现个性化工具栏的配置。同时您也可以通过插槽和页边栏实现联动,在页边栏中添加自定义内容,也可以手动控制工具栏的打开和关闭等。

默认配置

const defaultOptions = {
  // 工具栏扩展配置
  toolbar: {
    extensions: [],
  },
}

配置项说明

toolbar.extensions

说明:工具栏菜单分组扩展。

类型Array

默认值[]

示例

extensions: [
  { title: '办公助手', key: 'office' },
  { title: '扩展插件', key: 'plugins' },
]

数组中的每一项表示一个分组。

配置项

  • title:分组显示名称。
  • key:分组唯一标识,是插槽注入的重要依据,不允许和默认分组标识重复,不可设置值包括:baseinserttabletoolspageexport

插槽配置项

插槽设置和标准的工具栏插槽格式相同,其中标识为#toolbar_{key} 依据配置项中key值的不同来处理。

其他工具栏插槽配置见插槽列表

示例

<template #toolbar_office="props">
  <span>toolbar_office slot:{{ props }}</span>
</template>
<template #toolbar_plugins="props">
  <span>toolbar_plugins slot:{{ props }}</span>
</template>