如何为slate插件 添加一个外部按钮以在构造器中打开 页面

要为Slate插件添加一个外部按钮以在构造器中打开页面，您需要执行以下步骤：

1. 创建一个React组件来表示您的按钮。这个组件应该接受一个onClick prop，当按钮被点击时会被调用。

2. 在Slate构造器中，使用withToolbar插件包装您的编辑器组件。withToolbar插件允许您自定义工具栏，以添加自己的按钮。

3. 在withToolbar插件的配置对象中，添加一个自定义的按钮。这个配置对象应该包含一个按钮的图标、提示文本和点击处理程序。点击处理程序应该调用您的React组件的onClick prop。

4. 在您的React组件的onClick prop中，使用window.open()方法打开您需要的页面。您可以使用URL参数来传递数据。

以下是一个示例代码片段，展示如何实现这个功能：

import React from 'react';
import { withToolbar } from '@slate-editor/with-toolbar';

// 1. 定义一个按钮组件
const MyButton = ({ onClick }) => {
  return (
    <button onClick={onClick}>
      My Button
    </button>
  );
};

// 2. 使用withToolbar包装编辑器组件
const MyEditor = withToolbar({
  // 3. 添加一个自定义按钮
  buttons: [
    {
      icon: 'my-icon',
      title: 'My Button',
      onClick: (editor) => {
        // 4. 在按钮被点击时打开一个页面
        window.open('https://example.com/my-page');
      },
      component: MyButton,
    },
  ],
})(MySlateEditor);

export default MyEditor;

请注意，这只是一个示例代码片段，具体实现可能因您的具体需求而有所不同。