Lokal im Browser · Bootstrap 4 und 5 · Open Source

Bootstrap-Webseiten als zusammenhängende Projekte bearbeiten.

Open-Source Website-Editor mit Projektverwaltung, Zwei-Monitor-Arbeitsbereich und lokalem Export.

Oluntir verbindet die visuelle Bearbeitung mit GrapesJS mit einer lokalen Projektumgebung für Seiten, Bilder, Shared Content, Arbeitsfenster und Export. Version 1.3.1 verbessert dabei insbesondere die projektweite Schnellbearbeitung, Galerie-Einschübe, responsive Bildausgabe sowie Undo und Redo. So entsteht nicht nur eine einzelne HTML-Seite, sondern ein übertragbares und wiederherstellbares Website-Projekt, das unabhängig von einem bestimmten Rechner oder Browser weitergeführt werden kann.

Neu und verbessert in 1.3.1

Stabilere Projektbearbeitung, präzisere Layout-Eingriffe und verlässlichere Exporte.

01

Stabilerer Shared Content

Gemeinsame Header-, Navigations- und Footer-Bereiche bleiben projektweit konsistenter gespeichert und lassen sich gezielt aus jeder Seite heraus bearbeiten.

02

Persistente Schnellbearbeitung

Text, Schriftgröße und ausdrücklich gesetzte Darstellungswerte gemeinsamer Inhalte werden zuverlässig übernommen.

03

Galerien gezielt einschieben

Neue Galerie-Bereiche können innerhalb vorhandener Container und zusätzlich zwischen vollständigen Seitenbereichen an einer gewünschten Position eingefügt werden.

04

Undo und Redo erweitert

Text- und Bildänderungen lassen sich rückgängigmachen oder wiederherstellen.

05

Responsive Bildausgabe

Bilder werden für Desktop-, Tablet- und Mobilvarianten bereitgestellt.

06

Stabile technische Grundlage

Layout-Identitäten, Resolver, Dependency Graph und Action-Verträge bereiten spätere Erweiterungen vor. Ihr könnt gespannt sein..

Warum Oluntir?

Mehr als die Bearbeitung einer einzelnen HTML-Datei.

Viele visuelle Editoren konzentrieren sich auf eine gerade geöffnete Seite. Oluntir betrachtet dagegen die gesamte Website als Projekt. Seiten, Bilder, Framework-Profil, gemeinsame Layoutbereiche und Exportregeln gehören zusammen und können gemeinsam gespeichert, übertragen und wiederhergestellt werden.

01

Projekt statt Einzelseite

Mehrere Seiten, lokale Assets, sich inhaltlich wiederholende Elemente und Bereiche und die gewählte Bootstrap-Version werden innerhalb einer gemeinsamen Projektstruktur verwaltet.

02

Im Browser nutzbar

Oluntir läuft lokal in einem aktuellen Browser. Dadurch kann dieselbe Arbeitsweise auf unterschiedlichen Rechnern und Betriebssystemen genutzt werden, ohne an eine klassische Desktop-Installation gebunden zu sein.

03

Offene Ausgabe

Das Ergebnis bleibt ein reguläres Webprojekt aus HTML, CSS, JavaScript und lokalen Ressourcen. Für den späteren Betrieb wird keine proprietäre Oluntir-Laufzeit benötigt.

Technische Grundlage

GrapesJS übernimmt den visuellen Editor. Oluntir den Projektkontext.

GrapesJS 0.23.2 stellt Canvas, Komponentenmodell und visuelle Bearbeitung bereit. Oluntir bindet die versionierte Editor-Engine über eine eigene Adapter- und Integrationsschicht ein und ergänzt genau die Funktionen, die für eine dauerhaft nutzbare lokale Website-Projektumgebung erforderlich sind. GrapesJS bleibt dabei als eigenständige Open-Source-Engine unverändert; Oluntir ergänzt eigene Funktionen über abgegrenzte Integrations- und Adapterebene.

Aufgabe von GrapesJS

Visuelle Bearbeitung, Komponenten, Blöcke, Canvas, responsive Ansichten und die direkte Arbeit am Seitenaufbau.

Aufgabe von Oluntir

Projektverwaltung, Workspaces, Persistenz, Bilder und Assets, gemeinsame Inhalte, Wiederherstellung, externe Arbeitsfenster sowie die Ausgabe in verschiedene Exportformate.

Nutzbare Frameworks

Websites mit Bootstrap 4.6.2 oder Bootstrap 5.3.8.

Beim Anlegen eines Projekts wird das passende Framework-Profil gewählt. Oluntir stellt die zugehörigen CSS- und JavaScript-Dateien lokal bereit. Dadurch lassen sich Bootstrap-4-Projekte als auch neue Bootstrap-5-Projekte erstellen.

Bootstrap 4.6.2

Das Profil hält die benötigten Framework-Ressourcen von Bootstrap 4.6.2 lokal bereit.

Bootstrap 5.3.8

Bootstrap 5. Die zurzeit aktuellste Version steht für Ihre Projekte zur Verfügung.

Arbeitsweise

Ein Browser-Arbeitsplatz, der sich an das Projekt anpasst.

01

Ein oder mehrere Monitore

Der Seiten-Canvas kann im Hauptfenster bleiben, während Werkzeugspalte und Schnellbearbeitung in ein zweites Browserfenster ausgelagert werden. Bei veränderter Umgebung kehrt Oluntir sicher zum Ein-Monitor-Betrieb zurück.

02

Dauerhafte Arbeitsbereiche

Monitor-Modus, Fenstergröße, Position und ausgewählte Darstellungsoptionen werden lokal gespeichert und beim nächsten Start automatisch wiederhergestellt. Dadurch entsteht ein reproduzierbarer Arbeitsplatz, der sich an die jeweils verfügbare Monitorumgebung anpasst.

03

Eigener Bild-Workspace

Bilder lassen sich suchen, filtern, in Raster- oder Listenansicht prüfen, ersetzen und sicher löschen. Responsive Varianten und Originale werden innerhalb der Projektstruktur verwaltet.

04

Projektordner anbinden

Vor der Ordnerauswahl erläutert ein Infofenster den empfohlenen Projektaufbau. Anschließend kann Oluntir den lokalen Projektstamm verbinden, assets/user_upload/ automatisch anlegen oder verwenden und Bilddateien mit dem Projektordner synchronisieren.

05

Schnellwerkzeuge

Schnellkonfiguration, Schnellbearbeitung, Blocksuche, responsive Editoransichten und dauerhaft erreichbare Werkzeuge verkürzen wiederkehrende Arbeitsschritte.

06

Galerie-Ansichten

Modal und Lightbox stehen als bewusst getrennte Bedienkonzepte mit Tastaturnavigation, Fokusführung, Bildzähler und Download des Originalbildes zur Verfügung.

Shared Content

Gemeinsame Bereiche zentral pflegen und auf mehreren Seiten nutzen.

Zurzeit stehen Navigation, Header, Footer für sich wiederholende gemeinsame Inhaltsbereiche zur Verfügung. Sie müssen nicht auf jeder Seite getrennt angepasst werden. Oluntir speichert diese Bereiche zentral und bindet sie über sichtbare <ope-include>-Referenzen in die Seitenstruktur ein. In Version 1.3.1 wurden Persistenz und Schnellbearbeitung dieser Bereiche weiter stabilisiert.

Änderungen von jeder Seite übernehmen

Wird ein gemeinsamer Bereich auf einer Seite bearbeitet, kann Oluntir die Änderung in den zentralen Shared Content übernehmen und anschließend auf die übrigen Seiten anwenden. Entscheidend ist nicht, auf welcher Seite die Änderung begonnen wurde.

Neue Seiten erhalten den aktuellen Stand

Neue Seiten übernehmen den vorhandenen Header, die Navigation und den Footer. Der seitenspezifische Hauptbereich wird leer angelegt.

Übertragbarkeit und Wiederherstellung

Das Projekt bleibt unabhängig von einem bestimmten PC oder Browser.

Projektdateien können gesichert, kopiert, archiviert und auf einem anderen Rechner wieder geöffnet werden. Browserbasierte lokale Speicherung unterstützt den Arbeitsstand; die Projekt- und Exportstruktur bleibt jedoch so angelegt, dass ein gesichertes Projekt erneut eingelesen und weiterbearbeitet werden kann.

01

Sichern

Ein Projekt kann als Ordner oder Archiv auf einem unabhängigen Speichermedium abgelegt werden.

02

Übertragen

Die Projektstruktur lässt sich auf einen anderen Rechner verschieben und dort mit einem unterstützten Browser erneut öffnen.

03

Wiederherstellen

Gesicherte Projekte können wieder eingelesen, geprüft, bearbeitet und erneut exportiert werden. Damit bleibt der Arbeitsstand nicht an eine einzelne Browserinstallation gebunden.

Export

Vom internen Projektmodell zur offen nutzbaren Website.

Oluntir speichert gemeinsame Inhalte und Include-Referenzen zunächst serverneutral. Die interne Projektstruktur bleibt unabhängig vom später gewählten Exportformat erhalten. Erst beim Export wird entschieden, wie diese Referenzen ausgegeben werden. Version 1.3.1 verbessert dabei die Zuverlässigkeit der Export-Snapshots und der responsiven Bildausgabe.

01

Aufgelöstes HTML

Alle gemeinsamen Bereiche werden direkt in die Seiten geschrieben. Das Ergebnis besteht aus eigenständigen HTML-Dateien ohne benötigten Include-Ordner.

02

Apache SSI

Sich inhaltlich wiederholende Elemente und Bereiche werden als SSI-Direktiven ausgegeben und können auf entsprechend konfigurierten Webservern zentral eingebunden werden.

03

PHP Includes

Seiten werden als PHP-Dateien ausgegeben und gemeinsame Bereiche über PHP-Includes eingebunden.

04

Ordner, ZIP oder TAR

Der fertige Stand kann als Verzeichnisstruktur oder als Archiv ausgegeben, weitergegeben und auf einen Webserver übertragen werden.

05

Ohne proprietäre Laufzeit

Die exportierte Website kann unabhängig von Oluntir betrieben und bei Bedarf auch mit anderen Werkzeugen weiterbearbeitet werden.

06

Lokale Ressourcen

Frameworks, Schriften, Bilder und weitere Laufzeitressourcen werden lokal mitgeführt. Im Standardexport müssen keine Inhalte von Drittanbietern nachgeladen werden.

Technische Grundsätze

Nachvollziehbar, lokal und ohne unnötige Abhängigkeiten.

Reguläres HTML, CSS und JavaScript als Ausgabe.

Offene Projektstruktur ohne Herstellerbindung.

Kernfunktionen ohne erforderlichen Netzwerkzugriff.

Keine vorgesehene Telemetrie oder verdeckten Netzwerkzugriffe.

Datenschutz: Projektinhalte und lokale Ressourcen verbleiben im eigenen Arbeitsumfeld.

Dokumentierte Versionen und Lizenzen der Drittkomponenten.

Projektzugang

Quellcode, Dokumentation und Download.

Das Repository enthält Oluntir 1.3.1, GrapesJS 0.23.2, die lokalen Bootstrap-Profile 4.6.2 und 5.3.8 sowie deutsch- und englischsprachige Dokumentation zu Projektstruktur, Workspaces, Bildverwaltung, Shared Content, Galerie-Einschüben, Wiederherstellung, Export, Architektur und Lizenzen.

Kontakt: