Für READMEs, Blogs und Dokus

Run on CodeUtility Button

Lass Leser deinen Code mit einem Klick ausführen. Füge ein Snippet ein, wähle die Sprache und kopiere den Button in dein README, deinen Blogartikel oder deine Dokumentation. Er öffnet den Code im Online-Editor von CodeUtility, bereit zum Ausführen, Ändern und Debuggen, ganz ohne Installation.

Button erstellen

  1. 1 Code einfügen
  2. 2 Sprache und Stil wählen
  3. 3 Snippet kopieren
Sprache
Button-Text
Button-Stil
README.md

Beispiel

Auf CodeUtility ausführen

So sieht dein Button aus. Klicke darauf, um den Link zu testen.

Dein Snippet

Für READMEs auf GitHub und GitLab und die meisten Dokumentationstools.

So funktioniert es

  1. Füge den Code ein, den Leser ausführen sollen, und wähle seine Sprache.
  2. Kopiere das Markdown- oder HTML-Snippet und füge es neben deinem Codebeispiel ein.
  3. Leser klicken auf den Button und der Code öffnet sich im CodeUtility-Editor für diese Sprache. Dort können sie ihn ausführen, bearbeiten, Schritt für Schritt debuggen oder von der KI erklären lassen.

Der Code steckt direkt im Link. Beim Erstellen des Buttons wird nichts hochgeladen oder gespeichert.

Wo du ihn einsetzen kannst

  • GitHub-READMEsBesucher probieren das Beispiel deiner Bibliothek aus, ohne das Repository zu klonen.
  • Tutorials und BlogartikelSetze unter jedes Codebeispiel einen Button, damit Leser beim Lesen experimentieren.
  • KursmaterialGib Lernenden Übungen, die sich auf jedem Computer sofort ausführen lassen.
  • Dokus und AntwortenZeige, dass ein Beispiel funktioniert, und lass andere es an ihren Fall anpassen.

Häufige Fragen

Was macht der Run on CodeUtility Button?

Er öffnet deinen Code im Online-Editor von CodeUtility für die passende Sprache, bereit zum Ausführen, Ändern und Debuggen. Leser müssen nichts installieren und den Code nicht kopieren.

Wo kann ich den Button verwenden?

Überall, wo Markdown oder HTML erlaubt ist: READMEs auf GitHub und GitLab, Blogartikel, Dokumentation, Kursseiten, Forenbeiträge und Notizen.

Wird mein Code auf CodeUtility gespeichert?

Nein. Der Code steckt im Link selbst (nach dem Zeichen #) und wird beim Erstellen des Links nicht hochgeladen. Wer den Link öffnet, bekommt eine eigene Kopie im Editor.

Gibt es eine Größenbeschränkung?

Halte Snippets kurz, bis etwa 8 KB Code. Sehr lange Links werden von manchen Websites abgeschnitten. Für größere Projekte teilst du einen Workspace aus dem Editor und verwendest diesen Link.

Ist das kostenlos?

Ja. Der Button, der Editor und das Ausführen des Codes sind kostenlos, und Leser brauchen kein Konto.