mdjs-viewer: Kör och visa Markdown JavaScript-demo på GitHub
mdjs-viewer är en Chrome-tillägg utvecklad av Thomas Allmer som låter användare köra och visa interaktiva Markdown JavaScript-demonstrationer direkt på GitHub. Detta tillägg förbättrar funktionaliteten hos mdjs (Markdown JavaScript)-biblioteket och tar det till GitHub-plattformen.
Med mdjs-viewer kan användare nu se live-demonstrationer på olika platser på GitHub, inklusive GitHub Markdown-filer som README.md och GitHub Issues. Tillägget säkerställer säkerheten genom att isolera körningen av användarkod och genom att implementera åtgärder som kräver användaråtgärd innan någon kod körs, kör demonstrationer inom en iframe med sandbox-inställningar och begränsar förfrågningar utanför iframen.
Det är värt att notera att mdjs-viewer modifierar Content Security Policy (CSP) för GitHub genom att lägga till specifika regler för script-src, vilket tillåter körning av kodblock inom mdjs-iframe och laddar användarberoenden från inom iframen.
För att använda mdjs-viewer, aktivera helt enkelt tillägget och besök markdown-sidor och issues på GitHub. Tillägget lägger till en knapp "visa demo ▹" på dessa sidor, som när den klickas på bearbetar den råa markdown-texten med hjälp av mdjs och ersätter importer med unpkg.com-URL:er. Slutligen skapas en iframe för att visa mdjs-genererad HTML och JavaScript-utdata.
Vänligen observera att det finns en begränsning för antalet anonyma API-anrop till GitHub per timme (60), och att begära den råa innehållet i ett issues-meddelande kräver en API-nyckel.
Prova mdjs-viewer för att förbättra din GitHub-upplevelse med interaktiva Markdown JavaScript-demonstrationer!