开发文档Umo Editor Next表格增强

表格功能增强

表格作为文档中常用的一种元素节点,在 Umo Editor Next 中提供了以下增强功能:

  • 自定义表格边框样式
  • 自定义表格主题
  • 自定义单元格颜色
  • 表格属性设置
  • 拖动调整表格行高和列宽
  • 拖动调整表格大小
  • 快速选中整个表格或行列
  • 快速添加行或列

效果截图

表格功能增强

演示视频

配置项示例

const defaultOptions = {
  // 表格的相关配置项
  table: {
    border: {
      width: 1,
      style: 'solid',
      color: '#333',
    },
    cellsPadding: [3, 5, 3, 5],
  },
}

配置项说明

table.border

说明

表格默认边框样式,您可以根据需要自定义边框样式,包括边框宽度、边框样式和边框颜色,属性值同 CSS border 属性

类型Object

默认值{ width: 1, style: 'solid', color: '#333' }

示例{ width: 2, style: 'dashed', color: '#000' }

table.cellsPadding

说明

表格单元格默认内边距,您可以根据需要自定义单元格内边距,属性值同 CSS padding 属性,分别为上、右、下、左,单位为像素。

类型Array

默认值[3, 5, 3, 5]

示例[10, 15, 10, 15]