Zdrojový kód wiki Lightbox support
Version 6.1 by David Brazda on 08.04.2021 09:43
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 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 | |||
| |
6.1 | 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 |
| |
1.1 | 6 | |
| |
6.1 | 7 | * **vytvoří caption** - tzn. obklopí img element do figure a figureCaption (do kterého zkopíruje alt) |
| 8 | * **aktivuje lightbox** - tzn. nastaví u A dynamicky data-lightbox atribut, zároveň zkopíruje alt u image do lightbox-title do A elementu | ||
| |
1.1 | 9 | |
| |
6.1 | 10 | 3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky |
| |
1.1 | 11 | |
| |
6.1 | 12 | |
| |
1.1 | 13 | Jinak je celý proces následující |
| 14 | |||
| 15 | 1. uživatel vloží paste obrázku do CKEditoru | ||
| 16 | 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 | ||
| 17 | 1. standardní render z tohoto udělá IMG obalený A | ||
| |
6.1 | 18 | 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 | 19 | |
| 20 |