Live preview in the GitLab wiki WYSIWYG editor

vorhergehende Artikel in: Java OpenSource
10.09.2022

Mit Version 15.3 führte Gitlab ein neues Feature ein: Eine Live-Vorschau, während man im Rich-Text-Editor im Wiki einen Artikel bearbeitet.

Als ich davon erfuhr, wollte ich sofort das Update auf die entsprechende Version vollziehen, um zu sehen, ob die Integration wirklich genauso funktionierte wie in den diversen Markdown Editoren für zum Beispiel Issues, Kommentare oder...

Der Grund dafür war einfach: Noch bevor es die Kroki-Integration in GitLab gab habe ich ein Plugin geschrieben um noch andere graphische Elemente, die textuell beschrieben wurden in GitLab-Markdown-Texte integrieren zu können. Dazu gehörten etwa TeX-Formeln oder Gnuplot-Graphiken. Dazu erstellte ich ein entsprechendes Plugin und veröffentlichte es als Docker-Container. Diesen kann man einfach starten und die Adresse in der GitLab-Konfiguration als PlantUML-Integration eintragen. Damit hat man dann auch zusätzlich zu PlantUML beispielsweise die beschriebenen Renderer zur Verfügung.

Ich wollte wissen, ob dieses Live-Preview-Feature auch mit den Möglichkeiten meines Plugins harmonierte. Zuerst testete ich also, ob mein Plugin nicht etwa die PlantUML-Funktionalität zerstörte:

Screenshot GitLabs Rich-TextEditor mit Live-Preview eines UML-Aktivitätsdiagramms

Nachdem dies offenbar funktionierte, probierte ich auch anderes aus - zunächst TeX:

Screenshot GitLabs Rich-TextEditor mit Live-Preview einer mit TeX gesetzten Formel

Da auch das funktionierte testete ich anschließend pro forma noch reguläre Ausdrücke und Gnuplot-Graphen:

Screenshot GitLabs Rich-TextEditor mit Live-Preview eines regulären Ausdrucks

Screenshot GitLabs Rich-TextEditor mit Live-Preview eines Gnuplot-Graphen

Man sieht: Gitlab hat durch die Art und Weise der Integration der Live-Vorschau in den Rich-Text-Editor für Wiki-Artikel meinem Plugin einen neuen großen Einsatzbereich aufgetan!

Alle Artikel rss Wochenübersicht Monatsübersicht Codeberg Repositories Mastodon Über mich home xmpp


Vor 5 Jahren hier im Blog

  • Papers Februar 2021

    25.02.2021

    Auch wenn der Februar noch nicht ganz um ist haben sich bereits wieder - wie schon im Januar - vier Papers angefunden die ich hier kurz vorstellen möchte.

    Weiterlesen

Neueste Artikel

  • Asymmetrische Kryptographie

    Ich habe mich mit der Idee schon länger getragen: Nochmal einen Rundumschlag zu asymmetrischer Kryptographie zu machen. Dabei werde ich mich auf Demonstrationen der einzelnen Konzepte und Operationen mit Beispielcode konzentrieren und zu jedem der vorgestellten Konzepte mehr oder weniger ausführlich bezüglich der Einsatzszenarien und Vor- und Nachteile Stellung beziehen

    Weiterlesen
  • TLS mit alternativem Vertrauensmanagement

    Wie bereits angekündigt werde ich in den nächsten Wochen einige Aspekte asymmetrischer Kryptographie beschreiben. Der vorliegende Artikel erläutert nochmals eine Alternative zum klassischen Vertrauensmanagement und demonstriert die Implementierung in Java.

    Weiterlesen
  • Anzeigen (und Öffnen) der zuletzt modifizierten Dateien im aktuellen Verzeichnis mit (Neo)Vim

    Ich habe bereits in früheren Artikeln beschrieben, wie ich mich stückweise von diversen Plugins für (Neo)Vim entwöhnt habe. Dieses Mal habe ich nicht etwa ein Plugin ersetzt, sondern mir in einem der benutzten Plugins fehlende Funktionalität erkämpft...

    Weiterlesen

Manche nennen es Blog, manche Web-Seite - ich schreibe hier hin und wieder über meine Erlebnisse, Rückschläge und Erleuchtungen bei meinen Hobbies.

Wer daran teilhaben und eventuell sogar davon profitieren möchte, muss damit leben, daß ich hin und wieder kleine Ausflüge in Bereiche mache, die nichts mit IT, Administration oder Softwareentwicklung zu tun haben.

Ich wünsche allen Lesern viel Spaß und hin und wieder einen kleinen AHA!-Effekt...

PS: Meine öffentlichen Codeberg-Repositories findet man hier.