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

Komponenter