Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:codepen

Dies ist eine alte Version des Dokuments!


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"
Diese Website verwendet nur für den Betrieb notwendige Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer sowie den Datenschutzbestimmungen zu. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren/codepen.1609678263.txt.gz · Zuletzt geändert: 03/01/2021 13:51 (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki