«Summary box for Wikipedia links» v1.1.1, 25 Nov. 2023

Previously known as wikipediapreview box 1.0.0

What is it?

The Summary box in action and how to get the feature for any website in minutes (seconds).
See below for how to use it in WordPress.

Authors love❤️ the Summary Box feature to turn simple Wikipedia links into ones with a nice summary preview of the linked Wikipedia article! It's a tiny open source JavaScript library released under the GPLv3 license.
It works with touch or mouse, on mobile, tablet, laptop or desktop.

The story behind: Some time ago, MediaWiki came up with the wonderful idea of the Page Preview (mediawiki.org), which shows an elegant preview of a linked page on mouseover within the Wikipedia pages.
We thought this would be a nice knowledge feature for our assoc. THE ! association (see below) and could also be useful for any website! The first version was released on 12/2021.

Try it out

Mouse over or touch the following Wikipedia links with the superscript 'W' and see what happens.

Lorem ipsum dolor sit amet Wind Pconsetetur, Hitzewelle aliquyam erat, Baklava sed diam voluptua. At vero eos et 全球变暖 accusam et justo duo श्रीनिवास रामानुजन् et ea rebum. Gubergren, المجموعة الشمسية. Lorem ipsum dolor sit amet, Ada Lovelace Eonsetetur sadipscing elitr, 4 Веста sed diam.

Some of our sites that use the «Summary box for Wikipedia links»:
dontwastemy.energy, lanyu.land, the-horse.education, teachingweb.org, risikosicherheit.ch.

How to use on any website

Option 1: Copy, paste & go!

Get the «Summary box for Wikipedia links» for your website in seconds!

The simplest way: Just add the following line of code to the bottom of your page, just before the </body> tag or inside the <head> tag. And that's it!

<script src="https://su-pa.net/wikiPrevBox/wikiPreviewBox.min.js" crossorigin="anonymous" defer></script>

You can skip "defer" if you place the code snippet at the bottom of your page.
See also the video above.

Alternatively, you can add the following line of code with an integrity key (SHA-384). This will ensure that the file has never been tempered either on our server or in transit. However, after an update, you will still get the older version until you update the script tag to the latest version.

<script src="https://su-pa.net/wikiPrevBox/wikiPreviewBox_111b.min.js" integrity="sha384-UPeEJIqACRF4Dgoxyw3ZooCA1DlSFrDQ/cjrGvlAy7Bjnl0boUU8MUTRZuRBRhe8" crossorigin="anonymous" defer></script>

Note: This is the latest version, older versions are always kept.


Option 2: Host it yourself

Host the «Summary box for Wikipedia links» on your own.
Download the code from the GitHub repository (github.com) and copy the folder "wikiPrevBox" to the root of your site. Add the following line of code at the bottom of your site, just before the </body> tag or inside the <head> tag.

<script src="/wikiPrevBox/wikiPreviewBox.min.js" defer></script>

You can skip "defer" if you place the code snippet at the bottom of your page.


Settings for the options above – optional

Note: If you are happy with the Summary Box as shown on this page, then you do not need any settings.

Go to the Repository on GitHub.
Every parameter is explained there.

Use it with WordPress

The «Summary box for Wikipedia links» is also available as a WordPress plugin since 20.11.2023!

Go to our Plugin Page (wordpress.org) and use it on your own site.

We also have a plugin testing page (cyon.site) for the plugin where you can find more information about the plugin and some general helpful stuff for developing a plugin.

Available parameters

Settings of the 'Summary box for Wikipedia links' WordPress plugin
Settings page of the plugin

License & Privacy

License

The «Summary box for Wikipedia links» library is under the GLPv3 license. The previous Version 1.0.0 was under the MIT license. WordPress plugins are usually under GLPv3, now that we have made our own plugin, we decided to switch from MIT to GLPv3 to avoid a "license mix".

Privacy

Every call to a Summary box for a page preview contacts Wikipedia's servers, so you should trust Wikpedia. Your trust concerns all your visitors. Wikimedia Foundation privacy policy (wikimedia.org)

Copy, paste & go! variant (see "How to use on any website" above)


Host the code yourself or use the WordPress plugin

News, Timeline

How to support?

Take part in THE ! association (the-horse.education)

«The Horse» project facilitates collaborative cross-cultural environmental projects by learners, teenagers, students, teachers, professionals, schools and can be a lighthouse for people all over the world! We are non-profit and want to spread the horse concept worldwide, so that everybody can use it for free! So we need you!
🐎 Spend an extra portion of hay for the horses. Thank you! ❤️

Donate! (stripe.com)
Visit the association website (the-horse.education)
See the published Youth Projects (dontwastemy.energy)
If you like the «The Horse» project and want to be a part of it, we love to hear from you!

Or/and donate (wikimedia.org) to the Wikimedia Foundation

Contact

Nothing is perfect! – I'm not nothing.
Please don't hesitate to reach out if you need assistance or have suggestions.
Dominik Fehr, , su-pa.net

Privacy of this webpage

This website does not use cookies.
This website does not use any third party services such as Google Analytics, Google Fonts, CDN services, FB, Twitter, etc.

When accessing the website, the web server logs the access data in log files (IP number, date, time, browser and other technical information). This usage data could be used for statistical evaluations.

When you move your mouse over a Wikipedia link to display a "Summery Box", it will contact one of Wikipedia's servers to retrieve the summary of a Wikipedia article.

Any Data will be treated confidentially and will not be disclosed to third parties according to the Bundesgesetz über den Datenschutz (DSG, 01.09.2023, admin.ch, German) of the Federal Constitution Article 31 Rechtfertigungsgründe (admin.ch, German).

Zurich, Switzerland, 22 Nov 2021, update 08 Sept 2023
Dominik Fehr, data protection officer,