Gå till slutet av bannern
Gå till början av bannern

jsFiddles

Hoppa till slutet på meta-data
Gå till början av metadata

Du visar en gammal version av den här sidan. Visa nuvarande version.

Jämför med nuvarande Visa sidhistorik

« Föregående Version 11 Nästa »

Gör så här

  1. Skapa ett konto på jsfiddle.net

  2. Skapa en fork (kopia) från https://jsfiddle.net/bergsvik/w5t3fc87/

  3. Uppdatera namn på din Fiddle under Fiddle Meta spara och klicka på Set as base så att den senaste versionen går att komma åt utan att ange versionsnummer.

  4. I Confluense gå in på sidan Boilerplate och klicka på Copy för att duplicera sidan. Döp om sidan.

  5. Öppna iframe macrot och uppdatera URL med rätt ID från jsfiddle.net komponenten.

    Exempelvis: om URL till JSFiddle är https://jsfiddle.net/bergsvik/w5t3fc87/ blir inbäddningslänken //jsfiddle.net/w5t3fc87/embedded/result,html,resources/ anpassa delen med result,html,resources om du exempelvis vill inkludera css eller js (JavaScript).

  6. Ta sidans ID från Confluense och lägg in i JSFiddle som hänvisning. Exempelvis i beskrivningen under Fiddle Meta. Lägg gärna med hela länken till Confluense sidan i kod-exemplets kommentar. Använd denna mall för kommentaren
    <!--
    Link: https://inera.atlassian.net/wiki/spaces/USI/pages/CONFLUENCE_PAGE_ID/
    DNA: HTML|2c4ce95d-7bb0-43bb-a3e1-d4371522949d
    -->

  7. Använd macrot Include Page för att länka in jsFiddle sidan på komponenten (komponenternas) sidor för de olika varumärkena.

    1. Komponentbibliotek 1177

    2. Komponentbibliotek Inera

Länka CSS

Om du vill lägga in temaväljaren i jsFiddle för att växla mellan produktions-css på de olika sajterna så lägger du in denna länk under Resources: https://cdn.jsdelivr.net/gh/berra/loadstylesheet@master/css_theme_loader.js

Alternativt kan du exempelvis endast lägga in produktions-css för 1177 från den här länken: https://www.1177.se/build/1177/stylesheets/app.css

Resurser

Andreas Hedman Bergsvik (Unlicensed) har lagt upp ett repo på GitHub dels för css_theme_loader.js men också några andra statiska resurser som vi inte kommer åt antingen pga. cors problem (font ikoner 1177) eller att resurserna kräver auktorisering (css på rgswebb). Behöver du redigera något eller vill komplettera med resurser. Skapa antingen en fork från GitHub och uppdatera länkarna eller begär åtkomst för att publicera förändringar i loadstylesheet repot. För att leverera resurserna med rätt mimetype till jsfiddle använder vi jsdelivr.net som är en gratis cdn tjänst som kan leverera statiska resurser från GitHub. Observera att filerna cachas runt 24 timmar. Så uppdateringar kommer inte slå igenom direkt. Läs mer om hur du kan länka in en specifik commit i jsdelivr dokumentationen.

https://github.com/berra/loadstylesheet

Vi har font-resurser tillgängliga på Bitbucket under projektet gemensam-css. Vi kan därför använda dessa resurser genom githack.

Komponenter


  • Inga etiketter