# Lightbox support

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

Tato stránka obsahuje JSX, které

1) enablují na celé wiki lightbox viewer pro zobrazení obrázků - pokud najde A hrefu s atributem data-lightbox="lightbox" pak zobrazí child img element v lightboxu

2) u všech příloh s obrázkem (tzn. A elementů obklopených span xwikiattachement a obsahující child element IMG) provede:

- vytvoří caption - tzn. obklopí img element do figure a figureCaption (do kterého zkopíruje alt) - pokud není alt stejné jako název souboru
- aktivuje lightbox - tzn. nastaví u A dynamicky data-lightbox atribut
- zároveň zkopíruje alt u image do lightbox-title do A elementu - pokud není alt stejné jako název souboru

3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky

Jinak je celý end to end proces následující

1. uživatel vloží paste obrázku do CKEditoru
2. 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 a samotny kod je v /resources/mujupload.js xwiki-upload (loaduje CKEditor plugin loader a samotny kod je v /resources/mujupload.js
3. standardní render z tohoto udělá IMG obalený A
4. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A a vytvori fig a figcaption viz výše

Značky:
Vytvořil David Brazda 14.01.2021 23:24

- Komentáře (0)
- Přílohy (9)

PG Denik
XWiki Debian 12.9