块编辑器开发文档

PluginPrePublishPanel

💡 云策文档标注

概述

PluginPrePublishPanel 是一个 WordPress 编辑器组件,用于在用户点击“发布”后显示的预发布面板底部注入自定义内容。它允许开发者扩展预发布确认流程,添加额外信息或控件。

关键要点

  • PluginPrePublishPanel 是一个 Slot,位于预发布面板的底部,用于插入自定义项目。
  • 通过 @wordpress/editor 导入 PluginPrePublishPanel,结合 @wordpress/plugins 的 registerPlugin 函数注册插件。
  • 使用 React 组件形式定义内容,例如在 PluginPrePublishPanel 标签内添加文本或元素。

代码示例

import { registerPlugin } from '@wordpress/plugins';
import { PluginPrePublishPanel } from '@wordpress/editor';

const PluginPrePublishPanelTest = () => (
    <PluginPrePublishPanel>
        <p>Pre Publish Panel</p>
    </PluginPrePublishPanel>
);

registerPlugin( 'pre-publish-panel-test', {
    render: PluginPrePublishPanelTest,
} );

📄 原文内容

This slot allows for injecting items into the bottom of the pre-publish panel that appears to confirm publishing after the user clicks “Publish”.

Example

import { registerPlugin } from '@wordpress/plugins';
import { PluginPrePublishPanel } from '@wordpress/editor';

const PluginPrePublishPanelTest = () => (
    <PluginPrePublishPanel>
        <p>Pre Publish Panel</p>
    </PluginPrePublishPanel>
);

registerPlugin( 'pre-publish-panel-test', {
    render: PluginPrePublishPanelTest,
} );

Location

Prepublish panel