RRZE Typesettings

Das RRZE Typesettings 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.

Code-Beispiel

Dieses Beispiel stellt eine JavaScript-Funktion dar.

function greeting() {
    console.log("Hello, world!");
}
Copied to clipboard


Plugin aktivieren

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

Verwendung als Block

  1. Öffnen Sie eine neue oder bestehende Seite oder einen Beitrag.
  2. Öffnen Sie den Block-Inserter über das blaue Plus oben links und suchen Sie nach „Code Highlighter RRZE„.
  3. Klicken Sie oder ziehen Sie den Block, um ihn im Inhaltsbereich einzusetzen.

Blockeinstellungen

In der Seitenleiste rechts finden Sie einige Einstellungsmöglichkeiten:

  • Wahl der Programmiersprache, die hervorgehoben werden soll
  • Theme-Modus (Default, Light, Dark, Okaidia)
  • Anzeige von Zeilennummern
  • Code in die Zwischenablage kopieren

Verwendung als Shortcode

Öffnen Sie eine neue oder bestehende Seite, bzw. einen Beitrag und fügen Sie den folgenden Shortcode ein:


[highlight-code]
...
[/highlight-code]


Attribute des Shortcodes

Alle Attribute sind optional.

Sprache => lang=“…“

C => c
C++ => cpp
C# => csharp
CSS => css
HTML => markup
Java => java
JavaScript => javascript
JSON => json
Perl => perl
PHP => php
Python => python
React => jsx
Regex => regex
SASS => sass
SQL => sql
XML => markup

Theme => theme=“…“

default
light
dark
okaidia

Zeilennummerierung => linenumbers=“…“

false, wenn die Zeilennummern deaktiviert werden sollen.

Standardmäßig werden die Zeilennummern ausgegeben.

Zwischenablage => „copy=“…“

false, wenn die Kopierfunktion deaktiviert werden soll.

Standardmäßig wird die Kopierfunktion als Button angezeigt.


Shortcode-Beispiele


Programmiersprache:

[highlight-code lang="php"]
...
[/highlight-code]

Theme-Farbe:

[highlight-code lang="python" theme="dark"]
...
[/highlight-code]

Ohne Zeilennummern:

[highlight-code lang="sql" linenumbers="false"]
...
[/highlight-code]

Code nicht kopierbar:

[highlight-code copy="false"]
...
[/highlight-code]


Alle Attribute im Shortcode:

[highlight-code lang=".." theme=".." linenumbers=".." copy=".." ] ...[/highlight-code]