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


Installation

  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, bzw. einen Beitrag und öffnen Sie in der Werkzeugleiste den Block Inserter mit Klick auf das Pluszeichen.
  2. Suchen Sie nach dem Block „Code Highlighter RRZE“ und wählen Sie diesen aus.

In den Blockeinstellungen in der Seitenleiste finden die verschiedenen Optionen zur Darstellung des Codes:

  • 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]