# Zdrojový kód wiki Lightbox support

Naposledy upravil David Brazda 08.04.2021 15:24
Export
Office Formats
Export do PDF
Other Formats
Export do HTML

Hide last authors

author | version | line-number | content
--- | --- | --- | ---
| 2.1 | 1 | Tato stránka obsahuje JSX, které
| 1.1 | 2 |
| 2.1 | 3 | 1) **enablují** 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 img element v lightboxu
| 1.1 | 4 |
| 2.1 | 5 | 2) u všech příloh s obrázkem (tzn. A elementů obklopených span xwikiattachement a obsahující child element IMG) provede:
| 1.1 | 6 |
| 2.1 | 7 | * **vytvoří caption** - tzn. obklopí img element do figure a figureCaption (do kterého zkopíruje alt) - pokud není alt stejné jako název souboru
|  | 8 | * **aktivuje lightbox** - tzn. nastaví u A dynamicky data-lightbox atribut
|  | 9 | * zároveň zkopíruje alt u image do lightbox-title do A elementu - pokud není alt stejné jako název souboru
| 1.1 | 10 |
| 2.1 | 11 | 3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky
| 1.1 | 12 |
|  | 13 |
| 2.1 | 14 | Jinak je celý end to end proces následující
|  | 15 |
| 1.1 | 16 | 1. uživatel vloží paste obrázku do CKEditoru
|  | 17 | 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
|  | 18 | 1. standardní render z tohoto udělá IMG obalený A
| 2.1 | 19 | 1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A a vytvori fig a figcaption viz výše
| 1.1 | 20 |
|  | 21 |

PG Denik
XWiki Debian 12.9