编辑器工具栏模式

此软件包执行工具栏结构的方式是,为组件曝光一个简单的注册 API,并提供用于渲染整个工具栏的基于反应的工具栏模型.

使用量

注册工具栏组件

import { createComponentRegistry, type RegisterToolbar } from '@atlaskit/editor-toolbar-model';

const registry = createComponentRegistry()

registry.register([
    {
        type: 'toolbar'
        key: 'inline-toolbar'
    } as RegisterToolbar
])

获取所有已注册组件

import { createComponentRegistry } from '@atlaskit/editor-toolbar-model';

const { components } = registry;

console.log(components)

处理所有工具栏组件

import { ToolbarModel, createComponentRegistry } from '@atlaskit/editor-toolbar-model';


return <ToolbarModel components={registry.components} item={{ type: 'toolbar', key: 'inline-toolbar' }} />