Widget: Katacoda

This widget allows you to add an embedded Katacoda course to your wiki page.

Using this widget

To use this widget, take the course number and plug into into the #widget parser syntax as the data-katacoda-id parameter.

Example #widget syntax:

{{#widget:Katacoda|divid=myScenario|scenario=docker/deploying-first-container}}

Resulting in this embedded code:

<p class="katacoda-caption><script src="//katacoda.com/embed.js"></script></p>
<div id="myScenario" data-katacoda-id="docker/deploying-first-container" data-katacoda-color="004d7f" style="height: 600px; padding-top: 0px;"></div>

These are the available parameters:

• scenario - mandatory; the Katacoda scenario ID (including username and scenario name)
• divid - optional; unique ID for the div containing your Katacoda scenario; defaults to value of the scenario parameter
• height - optional; height for the div containing your Katacoda scenario; defaults to 600px

Copy to your site

To use this widget on your site, just install the MediaWiki Widgets extension and the copy full source code of this page to your wiki, as an article called Widget:Katacoda.