注册内部编辑器
自定义内部编辑器的第 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. 注册内部编辑器