Filters ::: filter_codepen
Maintained by Arnaud Trouvé
A filter to embed Pens from their URL on codepen.io
Current versions available: 4
This is a text filter to embed a CodePen from codepen.io into a text area in Moodle. Simply enable the plugin and paste the direct URL to a Pen in your content (or heading if enabled). A standard URL looks like this:
- CodePen does not have an API so we cannot manipulate the appearance of embeds on a per-Pen basis, so settings here are global.
- Links to Pens are escaped if you do not want to embed. E.g.:
- Make sure that if you have the "urltolink" filter enabled that the CodePen filter is listed first because links are escaped.
- Do not use www. or cdpn.io short-link, these are not valid pen URLs. Visiting them in a browser always redirects to the full Pen URL path (as exampled above).
- This filter only works with the /pen/ URL. It will not embed from other views like /full/ /live/ etc...
Arnaud Trouvé (Lead maintainer)
Danny Wahl: Original author and previous maintainer
Please login to view contributors details and/or to contact them