Authors can demonstrate code authoring in a course by using our native Code snippet or embedding code from:
Codepen
Gist
JS Fiddle
To add code, when you are editing a page, select the + then Code to see the options.
How to add a Code snippet
Select Code Snippet, add your code, and select Save. Your code will be embedded into your course.
How to embed code from Codepen, Gist, or JSFiddle
To embed code from Codepen, Gist, or JSFiddle, select your chosen editor.
Once selected, a screen will appear prompting you to add the following:
Your copied embed code.
Source URL for your code editor.
Height of the display area for the code (maximum height is 600px, and then a scrollbar will appear).
Attribution to credit the author/owner of the code.
Save to view your code.