HennWeb

Buch erstellen
Diese Seite zum Buch hinzufügen

Buch erstellen
Diese Seite aus Buch entfernen

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.

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