简介
wiki-plugin-changes 是一个 npm 包，它提供了一个用于展示维基百科页面编辑历史的插件。该插件可以被集成到任何使用 MediaWiki 技术的网站或 Web 应用程序中。使用 wiki-plugin-changes，用户可以轻松地查看一个页面的编辑历史记录，帮助用户了解页面的演变过程，同时也可以更好地评估页面的质量和可信度。
安装
首先，我们需要全局安装 wiki-plugin-changes，打开终端并输入以下命令：
--- ------- -- -------------------
安装完成后，我们可以在终端中运行 wiki-plugin-changes 命令，检查是否安装成功。
使用
要在网站中使用 wiki-plugin-changes 插件，我们需要将其作为一个包含 JS、CSS 和 HTML 的文件嵌入到网站中。在实际项目中，可以根据自己的需求选择下载源码、使用 CDN 或直接下载压缩包等方式获取插件文件。
在 HTML 页面中，我们可以使用以下方式引入 wiki-plugin-changes：
------
----- ---------------- -------------------------------------- --
------- ----------------------------------------------
-------
------
---
---- -------------------
--------
--- ----------- - --- -------------
---------- -----------
----- -----
----- ----------------------------
------ --
---
---------
-------在上面的示例中，我们创建了一个 id 为 my-wiki 的容器，通过 new WikiChanges() API 来初始化 wiki-plugin-changes。这个 API 接受几个参数：
- container: 页面容器的选择器。可以是一个 DOM 元素，也可以是一个选择器字符串。
- lang: 语言代码。默认为 'en'，表示英语。
- page: 页面名称。可以是一个维基百科条目的名称，也可以是一个页面的完整 URL 地址。
- limit: 展示的编辑历史记录数（最多 50 条）。
注意，由于 WikiChanges 中使用了 AJAX 而非 JSONP，因此需要在 Web 服务器环境下使用。
示例代码
接下来，让我们来看一下如何在一个实际的 Web 应用中使用 wiki-plugin-changes。以下是一个简单的在线代码编辑器，它允许用户创建、保存、编辑和查看 JavaScript 代码，并使用了 wiki-plugin-changes 插件来展示代码页面的编辑历史记录。
--------- -----
------
------
------------- ---- --------------
----- ---------------- -------------------------------------- --
-------
------- -
------ -----
------- ------
-
------- -
------- --- ----- -----
----------- -----------
---------- -----
-------- -----
-
--------
-------
------
---------- ---- -----------
---- --- ---
--------- -----------------------
---- ---- ---
-----
------- -----------------------
------- ---------------------
------- ---------------------
------
---- ---- ---
---- ----------------
---- ------------------- ---
---- -------------------
------- ------------------------------ ---- ------- ---
------- ---------------------------------------------- ---- ------------------- ---
--------
--- ------ - ------------------- -- -- --- ---
--- ------ - --------------------------------
--- --------- - -----------------------------------
-- ------
--- ---------- - ---------- -
--- ---- - ------------------
-- -------------- ---
------------------ - ----- ---- -- ------------- -
---------------- - --- ------- - --- - ---- - --- - -------
---
--
-- ------
--- -------- - ---------- -
--- ---- - ------------------
-- ---------
----------------- - ----- ---- ---
--
-- ------
--- -------- - ---------- -
--- --- - -----------------------------------------------
-- ------
------------- -------------- -
--------------------- ----
------------------- - ---
-- --- -------------------
--- ----------- - --- -------------
---------- -----------
----- ----
------ --
---
---
--
----------------------------------------- - -----------
--------------------------------------- - ---------
--------------------------------------- - ---------
---------
-------
-------在上面的示例代码中，我们首先创建了一个 Ace 编辑器，用于编辑 JavaScript 代码。在用户点击“创建”按钮时，通过 AJAX 请求将代码上传到服务器，创建一个新的页面，并返回页面的 URL，将其显示在页面中。
在用户点击“保存”按钮时，我们同样使用 AJAX 请求将代码更新到服务器，更新页面内容。
在用户点击“查看”按钮时，我们首先从代码页面的链接中获取页面 URL，并通过 AJAX 请求获取页面内容。然后，我们将页面内容设置为编辑器的值，并使用 wiki-plugin-changes 插件展示页面的编辑历史记录。
结论
在这篇教程中，我们介绍了如何使用 npm 包 wiki-plugin-changes 来展示维基百科页面的编辑历史记录。我们详细地讲解了该插件的安装、使用方法，并给出了一个实际的示例来说明如何使用该插件集成到你的网站或 Web 应用程序中。通过学习本教程，相信你已经了解了如何使用 wiki-plugin-changes，它也将为你提供指导和启发，帮助你更好地评估页面的质量和可信度。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/wiki-plugin-changes