Změny dokumentu Lightbox support
Naposledy upravil David Brazda 08.04.2021 15:19
Popis verze:
allow view právo pro XWiki.Reader
Přehled
-
Na stránce změněno: (1 změněno, 0 přidáno, 0 odstraněno)
-
Objects (1 změněno, 0 přidáno, 0 odstraněno)
Rozpis
- Na stránce změněno:
-
- Obsah
-
... ... @@ -2,19 +2,16 @@ 2 2 3 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 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 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, zároveň zkopíruje alt u image do lightbox-title do A elementu 6 6 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 7 +3) tento update je proveden na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky 9 9 10 -3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky 11 11 12 - 13 13 Jinak je celý proces následující 14 14 15 15 1. uživatel vloží paste obrázku do CKEditoru 16 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 17 1. standardní render z tohoto udělá IMG obalený A 18 -1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A a vytvori fig a figcaption viz výše15 +1. JSX v Lightbox supportu dynamicky přidá data-lightbox atribut pro všechyn A 19 19 20 20
- XWiki.JavaScriptExtension[1]
-
- Kód
-
... ... @@ -13,16 +13,6 @@ 13 13 if (img_alt) { 14 14 $(this).parents("a").attr("data-title", img_alt); 15 15 } 16 - //fig and figcaption handling 17 - if (!jQuery(this).parent().is('figure')) { 18 - jQuery(this).wrap($('<figure/>', { 19 - 'class': 'image' 20 - })); 21 - if (img_alt) { 22 - $(this).after($('<figcaption/>').append(img_alt)); 23 - } 24 - } 25 25 }); //each function 26 26 }); //dom updated 27 27 }); //require 28 - - Jméno
-
... ... @@ -1,1 +1,1 @@ 1 - updatelightboxwhen loadedandafter save1 +add lightbox again after save