概述

PluginMoreMenuItem 是一个用于在 WordPress 编辑器的“更多工具与选项”部分添加新菜单项的组件。它允许开发者通过 React 组件自定义菜单项，包括图标和点击事件。

关键要点

• PluginMoreMenuItem 是 @wordpress/editor 包中的一个组件，用于扩展编辑器菜单。
• 通过 registerPlugin 注册插件，将自定义的 PluginMoreMenuItem 组件渲染到 WordPress 界面中。
• 组件支持 icon 属性设置图标，onClick 属性定义点击事件，子元素作为菜单项文本。

代码示例

import { registerPlugin } from '@wordpress/plugins';
import { PluginMoreMenuItem } from '@wordpress/editor';
import { image } from '@wordpress/icons';

const MyButtonMoreMenuItemTest = () => (
    <PluginMoreMenuItem
        icon={ image }
        onClick={ () => {
            alert( 'Button Clicked' );
        } }
    >
        More Menu Item
    </PluginMoreMenuItem>
);

registerPlugin( 'more-menu-item-test', { render: MyButtonMoreMenuItemTest } );