https://github.com/decodedco/prism-hacktionary.js

A PrismJS plugin that shows MDN definitions inline in your HTML/CSS files.
https://github.com/decodedco/prism-hacktionary.js

Last synced: 16 days ago
JSON representation

A PrismJS plugin that shows MDN definitions inline in your HTML/CSS files.

• Host: GitHub
• URL: https://github.com/decodedco/prism-hacktionary.js
• Owner: DecodedCo
• License: mit
• Created: 2013-08-15T23:27:11.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2013-08-15T23:34:08.000Z (over 11 years ago)
• Last Synced: 2024-11-19T23:47:28.562Z (3 months ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 0
• Watchers: 16
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Prism-Hacktionary.js

====================

Prism-Hacktionary.js is a plugin for [Lea Verou's Prism.JS][prismjs] syntax highlighter.

It uses Mozilla's [Hacktionary][hacktionary], a list of short HTML/CSS definitions from MDN,

to add popovers explaining terms code when they are clicked. If Bootstrap is installed, it

will use Bootstrap popovers. If not, it will create its own popovers. Requires jQuery. Based

on the [Web Platform Docs][wpd] plugin for Prism.

Demo:

------

- [With bootstrap](http://decodedco.github.io/prism-hacktionary.js/demo/with-bootstrap.html).

- [Without bootstrap](http://decodedco.github.io/prism-hacktionary.js/demo/without-bootstrap.html).

Usage:

------

Include `prism-hacktionary.js`, `hacktionary.js` and `prism-hacktionary.css` in your HTML file, along

with jquery and the normal Prism stuff. Your HTML and CSS files will now have Hacktionary definitions!

If you aren't using Bootstrap, you can customise `.prism-hacktionary-popover` to change how your popovers

look. The `.hidden` class is used to show/hide the popovers.

[prismjs]: http://prismjs.com/ "Prism is a lightweight, robust, elegant syntax highlighting library."

[hacktionary]: https://github.com/brianloveswords/hacktionary

[wpd]: https://github.com/LeaVerou/prism/tree/gh-pages/plugins/wpd