Plugin Dev 101

Ich will an dieser Stelle einen ersten Einblick in die Entwicklung von Joomla Extensions an einem einfachem Beispiel geben.

Joomla hatte früher einen integrierten Syntax Highlighter für die Darstellung von Code in der Website: Geshi. In den Joomla 3 Entwicklungen fiel dieses Plugin den internen Umstellungen zum Opfer. Also bin ich immer auf der Suche nach einem geeignetem Plugin für diese technische Umsetzung.

Statt mit einem der rund 5000 Erweiterungen des JED wollen wir die Umsetzung selber gestalten. Im Grunde ist ein Syntax Highlighter eine relative einfache JS und CSS Umsetzung, die wir nur noch in die Auslieferung der Joomla Site integrieren müssten.

Analyse Highlighting Techniken

Die beiden Klassenbesten in 2025 (siehe z.B.: https://snappify.com/blog/best-syntax-highlighters) sind Prism.js und Highlight.js

Kurzanalyse: beide Tools benutzen denselben HTML-Code für die Umsetzung. Das sollte Wechsel - sofern gewünscht - sehr vereinfachen, weil man bei späteren Wechseln nicht noch den Quellcode anpassen müsste. Kurzgegenüberstellung der beiden Highlighter:

Prism.js

• Leichtgewichtig (nur 1,5 KB groß)
• Einfach zu implementieren
• Unterstützt viele Programmiersprachen
• Bietet verschiedene Themes

Links zu Prism.js

• https://prismjs.com/
• https://kulturbanause.de/blog/syntax-highlighting-mit-prism/
• https://lea.verou.me/blog/2012/07/introducing-prism-an-awesome-new-syntax-highlighter/ 

Zu Prism gibt es auch bereits eine bestehende Joomla Plugin Lösung:

• A. Hotzler https://www.andrehotzler.de/en/projects/prism-prismjs-com-syntaxhighlighter-for-joomla.html 
• https://extensions.joomla.org/extension/prism-syntax-highlighter-for-joomla/
• https://github.com/ahotzler/plg_content_prismsyntaxhighlighter

Anm.: letzte Aktualisierung vor 4 Jahren! Einschätzung: im Grunde kein Security- oder Tech-Problem, da ja einfach nur dynamisch Dateien in der Joomla Ausgabe verdrahtet werden, wenn entsprechender Quellcode in der Seite ausgeliefert wird. Allerdings sollte man Syntax und Technik des Plugins checken!

Highlight.js

• Beliebte JavaScript-Bibliothek
• Unterstützt zahlreiche Programmiersprachen
• Automatische Spracherkennung möglich
• Viele Themes - siehe Examples https://highlightjs.org/examples
• KISS Prinzip - daher auch keine Zeilennummern

Links Highlight.js

• https://highlightjs.org/
• https://highlightjs.org/download
• https://github.com/highlightjs/highlight.js
• https://highlightjs.org/demo
• https://highlightjs.org/examples
• https://highlightjs.readthedocs.io/en/latest/

Sammlung zu Joomla Plugin Technik und Entwurf

• https://manual.joomla.org
• https://manual.joomla.org/docs/building-extensions/plugins/
• https://manual.joomla.org/docs/building-extensions/plugins/basic-content-plugin/

Für die beiden Syntax Highlighter habe ich in einem frischen GitLab Repo beispielhafte Umsetzungen hinterlegt.