Überblick
Mit einem StackBlitz-Block bettest du ein StackBlitz-Projekt in deine Notizen oder eine Board-Karte ein. Füge die Projekt-URL ein, um das Projekt im Dokument verfügbar zu machen.
Öffne das Projekt über „Projekt öffnen“ oder passe den eingebetteten Link über „Link ändern“ an. So hältst du Projekt und begleitende Notizen an einem Ort zusammen.
Wann du ihn nutzt
Wenn du ein StackBlitz-Projekt zusammen mit technischen Notizen dokumentieren möchtest.
Wenn du eine Projekt-Demo in einer Anleitung oder einem Konzept zeigen willst.
Wenn du den Projektlink in einer Board-Karte im passenden Kontext aufbewahren möchtest.
Wenn du einen bestehenden StackBlitz-Link später austauschen möchtest.
Funktionen und Einstellungen
Einstellung
Projekt-URL
Verknüpfe den Block mit einer StackBlitz-Projekt-URL. Ändere die URL in den StackBlitz-Einstellungen, wenn du ein anderes Projekt einbetten möchtest.
Eingebaut
Projekt einbetten
Füge eine StackBlitz-URL ein und wähle „Einbetten“, um das Projekt im Block anzuzeigen.
Eingebaut
Projekt direkt öffnen
Mit „Projekt öffnen“ gelangst du zum verknüpften StackBlitz-Projekt.
Eingebaut
Link ändern
Wähle „Link ändern“, wenn du den Block mit einer anderen StackBlitz-URL verknüpfen möchtest.
So nutzt du ihn
StackBlitz-Block einfügen
Füge über die verfügbaren Block-Steuerungen einen StackBlitz-Block in deine Seite oder Board-Karte ein.
Projekt-URL eingeben
Öffne „StackBlitz-Einstellungen“ und füge den Projektlink in „StackBlitz-URL einfügen...“ ein.
Projekt einbetten
Wähle „Einbetten“, um das verknüpfte StackBlitz-Projekt im Block anzuzeigen.
Projekt öffnen oder Link ändern
Öffne das Projekt mit „Projekt öffnen“. Um ein anderes Projekt zu verwenden, wähle „Link ändern“ und gib die neue URL ein.
Wo er funktioniert
Auf jeder Seite
Im /-Menü
In Board-Karten
Andere Blöcke umwandeln
Eigenes Einstellungsfenster
Lara fügt ihn für dich ein
Beispiele
Codebeispiel in einer Anleitung
Bette ein StackBlitz-Projekt direkt neben die Erklärung eines Codebeispiels ein. So finden Leserinnen und Leser Demo und Erläuterungen zusammen.
Prototyp im Projektbriefing
Verknüpfe den Prototyp in einer Board-Karte mit den Anforderungen und Rückmeldungen zum Projekt.
Lernprojekt dokumentieren
Füge das StackBlitz-Projekt zu deinen Lernnotizen hinzu, damit du es beim Wiederholen direkt öffnen kannst.
Tipps · Grenzen
Tipps
Kopiere die URL des StackBlitz-Projekts, das du einbetten möchtest.
Platziere den Block nahe an den Notizen, die das Projekt erklären.
Nutze „Link ändern“, wenn du ein anderes StackBlitz-Projekt anzeigen möchtest.
Öffne das Projekt mit „Projekt öffnen“, wenn du direkt zu StackBlitz wechseln willst.
Grenzen
Der Block ist für StackBlitz-Projekte gedacht und bettet keine Projekte anderer Dienste ein.
Zum Einbetten eines Projekts brauchst du dessen StackBlitz-URL.
Häufige Fragen
Wie bette ich ein StackBlitz-Projekt in eine Notiz ein?
Füge einen StackBlitz-Block ein, trage die Projekt-URL in „StackBlitz-URL einfügen...“ ein und wähle „Einbetten“.
Wo finde ich die Einstellungen für ein eingebettetes StackBlitz-Projekt?
Öffne „StackBlitz-Einstellungen“ am StackBlitz-Block. Dort kannst du die Projekt-URL anpassen.
Wie öffne ich das eingebettete Projekt in StackBlitz?
Wähle im Block „Projekt öffnen“, um zum verknüpften Projekt zu gelangen.
Wie ändere ich den StackBlitz-Link?
Wähle „Link ändern“ und gib die URL des Projekts ein, das du stattdessen einbetten möchtest.
Kann ich ein StackBlitz-Projekt in einer Board-Karte verwenden?
Ja. Du kannst einen StackBlitz-Block auch in einer Board-Karte nutzen und dort mit „Projekt öffnen“ zum Projekt wechseln.
Baue deine nächste Seite mit StackBlitz
Öffne Workspace, tippe / und füge ihn in Sekunden hinzu. Kostenlos starten, ohne Kreditkarte.