插件提要栏

在本文中

此窗口允许向Post或Site编辑器屏幕的工具栏添加项目。
使用此插槽将向工具栏添加一个图标,单击该图标后,将打开一个面板,其中包含包装在<插件边栏/>组件。
此外,它还将创建一个<插件边栏更多菜单项/>这将允许在单击时从“选项”面板打开面板。

例子

从'@wordpress/i18n'导入{__};从“@wordpress/editor”导入{PluginSidebar};导入{面板主体,按钮,文本控件,选择控制,}来自“@wordpress/components”;从“@wordpress/plugins”导入{registerPlugin};从“@wordpress/element”导入{useState};const插件边栏示例=()=>{const[text,setText]=使用状态(“”);const[select,setSelect]=使用状态('a');返回(<插件边栏name=“插件侧边栏示例”title={__(“我的插件边栏”)}icon={“笑脸”}><面板正文><h2>{__('这是PluginSidebar示例的标题。')}</h2><p>{ __(“这是PluginSidebar示例的一些示例文本。”) }</p><文本控件label={__('文本控件')}值={text}onChange={(newText)=>setText(newText)}/><选择控制label={__('选择控件')}value={select}选项={[{value:“a”,label:“Option a”},{value:“b”,label:“Option b”},{value:“c”,label:“Option c”},] }onChange={(newSelect)=>setSelect(newSelect)}/><Button variant=“primary”>{__('主按钮')}</Button></PanelBody></PluginSidebar>);};//注册插件。registerPlugin(“插件边栏示例”,{render:PluginSidebarExample});

位置

扩展的PluginSidebar示例