RRZE CodeBox

Das RRZE CodeBox Plugin ist ein Tool, das speziell entwickelt wurde, um die Darstellung von Code zu optimieren.

Das Plugin bietet verschiedene Möglichkeiten zur Präsentation von Code-Schnipseln in Beiträgen, Lehrmaterialien und technischen Dokumentationen.

Der Code kann über einen Button in die Zwischenablage kopiert werden.

Code-Beispiel

Dieses Beispiel stellt eine JavaScript-Funktion dar.

console.log("Hello, World!");


Plugin aktivieren

  1. Navigieren Sie im WordPress Backend zu Plugins.
  2. Suchen Sie nach „RRZE CodeBox“ und klicken Sie auf „Aktivieren“.

Verwendung als Block

Der Screenshot zeigt die Auswahl des RRZE Codebox Blocks im Block-Inserter
  1. Öffnen Sie eine neue oder bestehende Seite oder einen Beitrag.
  2. Öffnen Sie den Block-Inserter über das blaue Plus oben links. Sie finden den Block im Abschnitt „RRZE“, oder können einfach nach „CodeBox“ suchen.
  3. Klicken Sie oder ziehen Sie den Block, um ihn im Inhaltsbereich einzusetzen.
  4. Über die Blockwerkzeugleiste können Sie den Theme-Modus und Programmiersprache einstellen.
Der Screenshot zeigt einen neu eingefügten Codebox-Block und die Blockwerkzeugleiste
Der Screenshot zeigt eine Beispiel-CodeBox in der hellen Variante
Beispiel-CodeBox in der hellen Variante mit Angabe der Programmiersprache, Zeilennummern und Beschriftung.
Der Screenshot zeigt eine Beispiel-CodeBox in der dunklen Variante
Beispiel-CodeBox in der dunklen Variante mit Angabe der Programmiersprache, Zeilennummern und Beschriftung.

Blockeinstellungen

In der Seitenleiste rechts finden Sie einige Einstellungsmöglichkeiten:

Abschnitt „Code-Einstellungen„

  • Wahl der Sprache über das Dropdown
  • Anzeige von Zeilennummern
    • Auswahl der ersten Zeilennummer
  • Syntax-Hervorhebung
  • Anzeige der gewählten Sprache

Abschnitt „Beschriftung„

  • Beschreibung des Codeblocks
  • Angabe der Quell-URL