Gör så här
Skapa ett konto på jsfiddle.net
Skapa en fork (kopia) från https://jsfiddle.net/bergsvik/w5t3fc87/
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.
I Confluense gå in på sidan Boilerplate och klicka på Copy för att duplicera sidan. Döp om sidan.
Ö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).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
-->
Använd macrot Include Page för att länka in jsFiddle sidan på komponenten (komponenternas) sidor för de olika varumärkena.
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