Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:codepen

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

Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren (170 views) · Zuletzt geändert: 03/01/2021 14:11 von conny