Skip to content

注册内部编辑器

自定义内部编辑器的第 1 步是: 注册内部编辑器

内部编辑器一般用来编辑文本、路径等内部细节,通过双击元素打开。

注册步骤

1. 注册内部编辑器

通过 registerInnerEditor() 方法内部编辑器。

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

2. 定义标签名

定义全局唯一的 tag 名称。

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

继承

InnerEditor

示例

ts
import { InnerEditor, registerInnerEditor } from '@leafer-in/editor'


@registerInnerEditor()  // 1. 注册内部编辑器  
export class CustomEditor extends InnerEditor {

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

}
js
import { InnerEditor } from '@leafer-in/editor'


export  class CustomEditor extends InnerEditor {  

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

}

CustomEditor.registerInnerEditor() // 1. 注册内部编辑器

下一步

自定义控制点

Released under the MIT License.