CKEditor Progress BBCode – Fortschritte sichtbar machen
Wie weit ist ein Projekt? Wie viel wurde bereits erreicht? Mit CKEditor Progress BBCode stellst du Fortschritte übersichtlich als Balken dar – direkt in den Inhalten deiner WoltLab Suite.
Diese Version hat die gleichen Funktionen wie die kostenfreie Variante, aber das Branding (also der sichtbare Hinweis auf https://www.wsc-support.de) ist in dieser Version entfernt. Ihre Nutzer sehen also nicht mehr unsere Werbung. Mit dem Kauf einer Branding Free-Lizenz unterstützen Sie unsere Weiterentwicklung von kostenfreien Produkten.
Ein eigener Button im CKEditor öffnet den Generator. Dort legst du Wert und Ziel fest, passt die Darstellung an und siehst das Ergebnis unmittelbar in der Live-Vorschau. Der passende BBCode wird anschließend per Klick eingefügt.
Dein Fortschritt, deine Darstellung
Ob dezenter Projektstatus oder auffällige Fortschrittsanzeige: Wähle eine zum WoltLab-Stil passende Farbvariante oder eine von 44 vorgegebenen Katalogfarben. Alternativ übernimmt die wertabhängige Farbgebung: Mit zunehmendem Fortschritt wechselt der Balken über fünf Stufen von Rot über Orange und Gelb bis zu Grün.
Breite und Höhe lassen sich bequem mit Schiebereglern einstellen. Die Breite passt sich dabei an den verfügbaren Platz an. Auch die beiden Enden kannst du unabhängig voneinander rund oder eckig gestalten.
Beschriftung und Icons nach Wunsch
Eine Beschriftung ist optional. Wenn du sie verwendest, stehen sechs Positionen zur Verfügung: oberhalb oder unterhalb des Balkens, jeweils linksbündig, zentriert oder rechtsbündig.
Zusätzlich kannst du Prozentwerte, Wert und Zielwert oder beides anzeigen lassen – innerhalb oder unterhalb des Balkens. Für eine besonders reduzierte Darstellung lässt sich die sichtbare Zahlenanzeige auch ausschalten.
Optional ergänzt ein links oder rechts angehängtes Icon den Balken. Zur Auswahl stehen die in deiner WoltLab Suite verfügbaren Font-Awesome-Icons und Markenlogos mit Suchfunktion.
Kurze Produktvorstellung auf Youtube:
Die Funktionen im Überblick
- Eigener CKEditor-Button mit komfortablem Konfigurationsdialog
- Live-Vorschau, die beim Scrollen durch die Einstellungen sichtbar bleibt
- Aktueller Wert und Zielwert mit bis zu zwei Nachkommastellen
- Flexible Zahlenanzeige und optionale Beschriftung
- Responsive Breite und einstellbare Höhe mit Größen-Voreinstellungen
- Unabhängig gestaltbare linke und rechte Enden
- Stilabhängige Farbvarianten, 44 Katalogfarben und automatische Farbstufen
- Optionale Font-Awesome-Icons und Markenlogos
- Optionaler Tooltip
- Native Fortschrittssemantik für assistive Technologien
Kompatibilität
- WoltLab Suite Core 6.2.x
- PHP 8.1 oder neuer
- Eine ggf. installierte Version mit Branding muss nicht deinstalliert werden, einfach dieses Paket wie gewohnt installieren und das Branding verschwindet (ggf. nach der Installation einmal den Cache aktualisieren).
-
WSC CKEditor Progress BBCode Branding Free 1.0.3
-
17. Oktober 2026 -
22,24 kB
Erste Release-Version
-