Sandbox::https://github.com/mdn/yari/blob/main/kumascript/macros/EmbedInteractiveExample.ejs

This repository was archived by the owner on Oct 19, 2026. It is now read-only.

Repository navigation

History

// Embeds a live sample from a interactive-examples.mdn.mozilla.net GitHub page

// Parameters:

// $0 - The URL of interactive-examples.mdn.mozilla.net page (relative)

// $1 - Optional custom height class to set on iframe element

// Example call {{EmbedInteractiveExample("pages/css/animation.html", "taller")}}

const url = (new URL($0, env.interactive_examples.base_url)).toString();

let heightClass = 'is-default-height';

if ($0.includes('/js/')) {

heightClass = 'is-js-height';

}

if ($1) {

let supportedHeights = ['shorter', 'taller', 'tabbed-shorter', 'tabbed-standard', 'tabbed-taller'];

let heightIsSupported = (supportedHeights.indexOf($1) > -1);

if (heightIsSupported) {

heightClass = 'is-' + $1 + '-height';

} else {

throw new Error(`An unrecognized second size parameter to EmbedInteractiveExample ('${$1}')`);

}

const text = mdn.localStringMap({

"de": {

"title": "Probieren Sie es aus",

"en-US": {

"title": "Try it",

"fr": {

"title": "Exemple interactif",

"ja": {

"title": "試してみましょう",

"ko": {

"title": "시도해보기",

"ru": {

"title": "Интерактивный пример",

"pt-BR": {

"title": "Experimente",

"es": {

"title": "Pruébalo",

"zh-CN": {

"title": "尝试一下",

"zh-TW": {

"title": "嘗試一下",

}

});

FilesExpand file tree

EmbedInteractiveExample.ejs

Latest commit

History

EmbedInteractiveExample.ejs

File metadata and controls