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
- Navigieren Sie im WordPress Backend zu Plugins.
- Suchen Sie nach „RRZE Typesettings“ und klicken Sie auf „Aktivieren“.
Verwendung als Block
- Öffnen Sie eine neue oder bestehende Seite, bzw. einen Beitrag und öffnen Sie in der Werkzeugleiste den Block Inserter mit Klick auf das Pluszeichen.
- 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]