@embedpdf/plugin-shell (英语)

EmbedPDF的面板和菜单:跟踪哪些面板,对话框和菜单是打开的.

此插件与每个 EmbedPDF 框架包相伴而来 。 从您使用的那个导入 :

在反应中

查看器有侧边栏(t,注释,搜索),对话框和菜单. shell 插件保持跟踪 打开的,所以工具栏按钮、键盘快捷键和你自己的代码都可以打开相同的 面板,您可以记住下次的布局。 您绘制面板; 插件只持有 状态。 登记册 shellPlugin()数字 :

shell-plugin.tsx

import { shellPlugin } from '@embedpdf/react/shell';

export const plugins = [/* … */ shellPlugin()];

然后要求一个面板的名字:

comments-panel.tsx

import { useSurface } from '@embedpdf/react/shell';
import { CommentList } from './comment-list';

export function CommentsPanel() {
  const panel = useSurface('comments');
  if (!panel.isOpen) return null;

  return (
    <aside>
      <button onClick={panel.close}>Close</button>
      <CommentList />
    </aside>
  );
}

export function CommentsButton() {
  const panel = useSurface('comments');
  return <button onClick={() => panel.toggle({ exclusive: 'right' })}>Comments</button>;
}

名字是你们的: 'comments', (中文(简体) ), 'thumbnails', (中文(简体) ), 'settings'。每个文件都保留自己的文件,所以 选项卡会记住哪些面板是打开的.

许可证

阿帕奇 - 2.0