Lightbox image

[mbory]

Hi, has anyone added a lightbox system for images yet? And could help me to configure one please?

Thank you

[mbory]

I've tried using Lightbox2.js, but the problem is that TinyMCE automatically deletes all attributes added to it, even if I add in raw in the editor <a href="imgLink" data-lightbox="image">, it will delete the data-lightbox

https://lokeshdhakar.com/projects/lightbox2/

[Klemen]

I never added this, but it's most likely removed by the HTMLPurifier library.

You will need to edit /inc/htmlpurifier/HeskHTMLPurifier.php

Just ABOVE this code

Code: Select all

$purifier = new HTMLPurifier($config);

Add something like

Code: Select all

$def = $config->getHTMLDefinition(true);
$def->addAttribute('a', 'data-lightbox', 'Text');

Save and test.

[mbory]

Oh thank you ! it no longer removes the attribute, I'm going to test the lightbox library

[mbory]

Hmm, so I use https://lokeshdhakar.com/projects/lightbox2/
I use CDN link here : https://cdnjs.com/libraries/lightbox2

But it dosen't work, my image open in a new tab

[Klemen]

Can you link to a test KB article?