Reveal.JS Video Lightbox

msedge_img_570_20250502

Recently, I have updated the reveal.js library in tw-reveal.js plugin from Sukima to include support for image and video lightbox. In my opinion, reveal.js is an excellent tool for slideshows in TiddlyWiki.

Here are the steps.

To make this update

  1. I downloaded the latest reveal.js library from Hakim GitHub page
  2. I also downloaded the tiddlywiki-reveal-js plugin from GitHub
  3. Then I created a new empty wiki folder called kookma-reveal.js-5.2.1
  4. This empty wiki folder is created using tiddlywiki kookma-reveal.js-5.2.1 --init server
  5. I copied the plugins from tiddlywiki-reveal-js-master into kookma-reveal.js-5.2.1
  6. I also copied the Hakim reveal.js library into a folder called reveal.js under kookma-reveal.js-5.2.1 folder
  7. Last, I modified the kookma-reveal.js-5.2.1\plugins\reveal-js\tiddlywiki.files to correct the path to the new reveal.js library

You may copy the old examples and tiddlers from tiddlywiki-reveal-js-master into new wiki.

Warning

  • I did not test the new features of reveal.js like lightbox
  • The tw-reveal.js plugin is as the same as before, only the library has been updated to 5.2.1
3 Likes