CodePEN einbinden

Codepen https://codepen.io kann man mit „iframe“ einbinden.
Dazu in den DokuWiki Einstellungen HTML erlauben „Keyword: htmlok“ anklicken und auf der Seite folgenden Code eingeben:

<html>
<iframe style="overflow-y: auto; width:100%; height: 500px; -webkit-overflow-scrolling: touch; display:block; vertical-align:top;" src="https://codepen.io/barkins/embed/dYVVOp"></iframe>
</html>

Vorschau: 

Beim Link src="https://codepen.io/meine_Codepen_Seite"
müssen wir darauf achten, dass wir 'pen' durch 'embed' ersetzen.
Original: "https://codepen.io/webdev689/pen/MyXgVw"
NEU: "https://codepen.io/webdev689/embed/MyXgVw"

Alternative

Auf der CodePen Seite unten rechts auf „embed“ klicken.

mr1fr0kaqx.jpg

und anschließend den Code kopieren und im Text in HTML Tags einbinden

dszu0jqkzx.jpg