简介
@dbmdz/mirador-sharebuttons 是一个基于 Mirador 前端图像查看工具的插件，用于添加分享按钮到 Mirador 的界面上方。本教程将详细介绍如何使用该插件。
安装
在您的项目目录中，运行以下命令：
npm install @dbmdz/mirador-sharebuttons
使用
引入
在您的 js 文件中引入该插件：
import { ShareButtonsPlugin } from '@dbmdz/mirador-sharebuttons';然后在 Mirador 的组件设置中添加该插件：
const miradorInstance = Mirador.viewer({
...,
windows,
plugins: [ShareButtonsPlugin],
});配置
您还需要在 Mirador 的配置选项中添加已安装插件的配置：
const config = {
...,
shareButtons: {
services: ['twitter', 'facebook', 'email'],
},
};在上述示例中，我们配置了 ShareButtonsPlugin 然后设置了一些服务类型，包括 Twitter、Facebook 和 Email。
更多配置请查阅插件官方文档。
示例
您可以在 HTML 文件中创建一个 Mirador 窗口，并添加以下代码以查看分享按键：
-- -------------------- ---- -------
---- -----------------------------
------- --------------
------ ------- ---- ----------
------ - ------------------ - ---- ------------------------------
----- ------- - -
-- ------ --
--
----- ------ - -
-- ------- ---- --
------------- -
--------- ----------- ----------- ---------
--
--
----- --------------- - ----------------
--- --------------------
--------
-------- ---------------------
----------
---
---------总结
通过本文，您已经学会了如何使用 @dbmdz/mirador-sharebuttons 插件为 Mirador 添加分享按键。此外，本文还提供了该插件的安装、引入和配置指南，希望能对您开发前端应用程序有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efe4c49986ca68d8b2d