Lokal im Browser · Bootstrap 4 und 5 · Open Source

Bootstrap-Webseiten als zusammenhängende Projekte bearbeiten.

Open-Source Website-Editor mit Projektverwaltung, modularen Bootstrap-Templates, Shared Content, Repeat-Bereichen und offenem Export.

Oluntir verbindet die visuelle Bearbeitung mit GrapesJS mit einer lokalen Projektumgebung für Seiten, Bilder, gemeinsame Layoutbereiche, wiederholbare Inhalte und Export. Version 2.3.0 ergänzt einen eigenen Template-Manager für zusätzliche Bootstrap-4- und Bootstrap-5-Templates. Projekte bleiben lokal, übertragbar und ohne proprietäre Laufzeit nutzbar.

Neu und verbessert in 2.3.0

Modulare Bootstrap-Templates und stabilere Projektbearbeitung.

01

Eigener Template-Manager

Zusätzliche Bootstrap-4- und Bootstrap-5-Templates können separat analysiert, aufgenommen, geprüft und wieder entfernt werden.

02

Universeller Bootstrap-Compiler

HTML, Bereiche, CSS, Assets und JavaScript werden beim Import analysiert und als statisches Template-Modul für Oluntir vorbereitet.

03

Saubere Trennung

Importierte Templates liegen ausschließlich unter templates/. Die geschützten Bootstrap-Profile unter frameworks/ bleiben unverändert.

04

Editor-Isolation

Importiertes Template-JavaScript läuft nicht im bearbeitbaren Canvas. Externe Embeds werden dort durch sichere Platzhalter ersetzt.

05

Zentrale Repeat-Bereiche

Projektweit wiederholbare Bereiche werden zentral bearbeitet und anschließend kontrolliert auf ihre Vorkommen angewendet.

06

Stabilere Komponentenbearbeitung

Auswahl, Löschen, Undo und Redo bleiben auch bei komplexeren importierten Bootstrap-Strukturen zuverlässig voneinander getrennt.

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, Shared Content, Repeat-Bereiche und Exportregeln gehören zusammen und können gemeinsam gespeichert, übertragen und wiederhergestellt werden.

01

Projekt statt Einzelseite

Mehrere Seiten, lokale Assets, gemeinsame Layoutbereiche, wiederholbare Inhalte und die gewählte Bootstrap-Basis werden innerhalb einer gemeinsamen Projektstruktur verwaltet.

02

Im Browser nutzbar

Oluntir läuft lokal in einem aktuellen Desktop-Browser. Dadurch bleibt die Arbeitsweise unabhängig von einer klassischen Desktop-Installation.

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 Integrationsschicht ein und ergänzt Projektverwaltung, Persistenz, lokale Assets, gemeinsame Inhalte, Arbeitsbereiche und Export. GrapesJS selbst bleibt dabei unverändert.

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, Shared Content, Repeat-Bereiche, Wiederherstellung sowie die Ausgabe in verschiedene Exportformate.

Bootstrap-Unterstützung

Geschützte Standardprofile für Bootstrap 4.6.2 und Bootstrap 5.3.8.

Oluntir enthält zwei feste Frameworkprofile. Sie stellen die jeweiligen Bootstrap-Ressourcen lokal bereit und bilden zugleich die technische Grundlage für zusätzlich importierte Templates. Importierte Templates verändern diese Standardprofile nicht.

Bootstrap 4.6.2

Das integrierte Bootstrap-4-Profil bleibt als geschützte und direkt nutzbare Basis erhalten.

Bootstrap 5.3.8

Das integrierte Bootstrap-5-Profil steht parallel für neue und bestehende Projekte zur Verfügung.

Template-Manager

Eigene Bootstrap-Templates analysieren und als modulare Profile aufnehmen.

Der separate Template-Manager importiert ein Template als ZIP, analysiert seine technische Struktur und schreibt es erst nach ausdrücklicher Aufnahme unter templates/<name>/. Dabei werden unter anderem relevante HTML-Seiten, Bootstrap-Basis, Bereiche und Sections, CSS-Ladeketten, Bilder, Fonts, Medien, Demo- und Placeholder-Assets sowie JavaScript-Abhängigkeiten erfasst. Der normale Oluntir-Start verwendet anschließend nur die fertige Registry und die kompilierten Template-Definitionen.

01

Unterstützter Rahmen

Der Import ist für Templates ausgelegt, deren technische Basis Bootstrap 4 oder Bootstrap 5 ist. Andere Frameworks werden nicht als Bootstrap interpretiert oder automatisch konvertiert.

02

Ordnerstruktur bleibt flexibel

Relevante HTML-Dateien und Assets werden unabhängig von einer festen Template-Ordnerstruktur analysiert. Primärseiten werden von Dokumentations- und Hilfsseiten unterschieden.

03

Bewusste Einschränkungen

Template-JavaScript wird im bearbeitbaren GrapesJS-Canvas nicht ausgeführt. iframe-, object- und embed-Inhalte erscheinen dort als Platzhalter. Dadurch bleibt die Bearbeitung stabil; interaktive Drittanbieterfunktionen gehören in Preview und Veröffentlichung.

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 wiederhergestellt.

03

Eigener Bild-Workspace

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

04

Projektordner anbinden

Oluntir kann einen lokalen Projektstamm verbinden, assets/user_upload/ anlegen oder verwenden und Bilddateien mit dem Projektordner synchronisieren.

05

Schnellwerkzeuge

Schnellkonfiguration, Schnellbearbeitung, Blocksuche, responsive Editoransichten sowie Undo und Redo verkürzen wiederkehrende Arbeitsschritte.

06

Galerien und responsive Medien

Galerien, Modal- und Lightbox-Darstellungen sowie responsive Bildvarianten werden als Teil der lokalen Projektstruktur verwaltet.

Gemeinsame und wiederholbare Inhalte

Shared Content und Repeat-Bereiche erfüllen unterschiedliche Aufgaben.

Shared Content verwaltet die gemeinsamen Layoutbereiche Header, Navigation und Footer. Für andere projektweit wiederkehrende Inhaltsbereiche steht die zentrale Repeat-Bibliothek zur Verfügung. Beide Funktionen arbeiten projektweit, bleiben aber technisch getrennt.

Shared Content

Header, Navigation und Footer werden zentral gepflegt und auf den zugehörigen Projektseiten verwendet. Änderungen können von einer Seite aus in den zentralen Stand übernommen werden.

Repeat-Bibliothek

Wiederholbare Bereiche besitzen einen zentralen Entwurf. Über „Bereich zentral bearbeiten“ werden Änderungen vorbereitet und mit „Auf alle Vorkommen anwenden“ kontrolliert veröffentlicht.

Ü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 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.

Export

Vom internen Projektmodell zur offen nutzbaren Website.

Oluntir speichert gemeinsame Inhalte und Include-Referenzen zunächst serverneutral. Erst beim Export wird entschieden, wie diese Referenzen ausgegeben werden. Die resultierende Website bleibt unabhängig von Oluntir nutzbar.

01

Aufgelöstes HTML

Gemeinsame Bereiche werden direkt in die Seiten geschrieben. Das Ergebnis besteht aus eigenständigen HTML-Dateien.

02

Apache SSI

Gemeinsame Inhalte 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 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 mit anderen Werkzeugen weiterbearbeitet werden.

06

Lokale Ressourcen

Frameworks, Schriften, Bilder und weitere Laufzeitressourcen werden lokal mitgeführt. Der Standardbetrieb benötigt keine Oluntir-Cloud.

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 2.3.0, GrapesJS 0.23.2, die lokalen Bootstrap-Profile 4.6.2 und 5.3.8 sowie deutsch- und englischsprachige Dokumentation zu Projektstruktur, Template-System, Shared Content, Repeat-Bereichen, Bildverwaltung, Wiederherstellung, Export, Architektur und Lizenzen.

Kontakt: