Skip to content

注册编辑工具

自定义编辑工具的第 1 步是: 注册编辑工具

编辑工具一般用来编辑元素的尺寸、外形,选中元素时会自动载入。

注册步骤

1. 注册编辑工具

通过 registerEditTool() 方法注册编辑工具。

内部原理:将编辑工具的 tag 属性作为键值存放编辑工具类。

2. 定义标签名

定义全局唯一的 tag 名称。

加载编辑工具时,通过 tag 属性查找对应编辑工具类进行实例化。

继承

EditTool

示例

ts
import { EditTool, registerEditTool } from '@leafer-in/editor'


@registerEditTool()  // 1. 注册编辑工具  
export class CustomEditTool extends EditTool {

    public get tag() { return 'CustomEditTool' } // 2. 定义全局唯一的 tag 名称

}
js
import { EditTool, Editor } from '@leafer-in/editor'


export class CustomEditTool extends EditTool {

     get tag() { return 'CustomEditTool' } // 2. 定义全局唯一的 tag 名称

}

CustomEditTool.registerEditTool() // 1. 注册编辑工具  

下一步

自定义控制点

Released under the MIT License.