Zdrojový kód wiki Lightbox support
Version 1.1 by David Brazda on 14.01.2021 23:24
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | Tento JSX | ||
2 | |||
3 | 1) aktivuje na celé wiki [[lightbox viewer>>https://lokeshdhakar.com/projects/lightbox2/]] pro zobrazení obrázků - pokud najde A hrefu s atributem data-lightbox="lightbox" pak zobrazí child element v lightboxu | ||
4 | |||
5 | 2) zároveň je zde dodělaná funkcionalita, která u všech A elementů obklopených span xwikiattachement a obsahující child element IMG - nastaví u A dynamicky data-lightbox atribut. | ||
6 | |||
7 | 3) zachytaná dom-reloaded akce a na jejím základě provedeno totéž - nutné aby fungovalo po uložení editace. | ||
8 | |||
9 | |||
10 | Jinak je celý proces následující | ||
11 | |||
12 | 1. uživatel vloží paste obrázku do CKEditoru | ||
13 | 1. zafunguje upraveny upload plugin a místo samotného image vrací image nalinkovaný na daný attachement, tzn. uploadovaná image je vždycky s linkem a validní v xwiki 2.1 syntax - xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js | ||
14 | 1. standardní render z tohoto udělá IMG obalený A | ||
15 | 1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A | ||
16 | |||
17 |