UStackUStack
EditlyCMS icon

EditlyCMS

EditlyCMS: Self-Hosted Flat-File-CMS für bestehende HTML-Websites. Inhalte per Klick im Browser bearbeiten, Draft/Publish, Restore per Klick.

EditlyCMS

Was ist EditlyCMS?

EditlyCMS ist ein selbst gehostetes Content-Management-System (CMS) für bestehende Websites mit HTML-Templates. Es ermöglicht das Bearbeiten von Seiteninhalten direkt auf der Live-Site über eine Klick-zum-Bearbeiten-Oberfläche – ohne Code im Editor zu schreiben.

Die Kernidee ist, die CMS-Schicht „einzudropen“ auf eine HTML-Site, damit Inhalte vor Ort geändert werden können. Es läuft mit PHP und SQLite und speichert Inhalte in Ihren HTML-Dateien statt in einer separaten Datenbank für den Site-Inhalt.

Wichtige Funktionen

  • Klick-zum-Bearbeiten auf Ihrer Live-Seite: Wählen Sie markierte Elemente aus und tippen Sie Änderungen direkt im Browser ein, inklusive Rich-Text-Formatierung wie Fettschrift, Kursiv, Überschriften und Listen.
  • Media- und Embed-Bearbeitung über Toolbar: Bilder per Drag-and-Drop hochladen, YouTube- oder Vimeo-Inhalte einbetten, Google Maps hinzufügen und herunterladbare Dateien anhängen.
  • Draft- und Publish-Workflow: Änderungen vornehmen, ohne die Live-Site zu verändern, Vorschau anzeigen und bei Bereitschaft publizieren.
  • Backup und Ein-Klick-Restore: Jede Veröffentlichung erstellt ein Backup der vorherigen Version, Dashboard bietet Ein-Klick-Wiederherstellung.
  • Flat-File-Inhalte mit SQLite-Metadaten/Backups: Inhalte bleiben in Ihren HTML-Dateien; SQLite verwaltet Metadaten und Backups im Hintergrund.
  • Passwortgeschützter Editor: Editor-Zugang geschützt durch Benutzername/Passwort-Session-Auth, Anmeldedaten änderbar aus dem Editor.

So nutzen Sie EditlyCMS

  1. CMS-Ordner kopieren: Kopieren Sie den cms/-Ordner in das Root-Verzeichnis Ihrer Website neben Ihre HTML-Dateien.
  2. Bearbeitbare Bereiche markieren: Fügen Sie class="cms-content" und eine eindeutige id zu jedem Element hinzu, das der Editor ändern soll.
  3. Anmelden und bearbeiten: Öffnen Sie /cms/ im Browser, melden Sie sich mit Ihren Anmeldedaten an und bearbeiten Sie Ihre Site direkt.

Als Einstieg können Sie auch die mitgelieferten vorgefertigten Templates (saubere HTML-Dateien) nutzen, die out-of-the-box mit EditlyCMS funktionieren.

Anwendungsfälle

  • Freelancer, die Kunden-Seiten ohne CMS-Setup aktualisieren: Für kleine HTML-Sites EditlyCMS nutzen, damit Kunden Inhalte vor Ort bearbeiten können, während Sie die HTML/CSS-Struktur beibehalten.
  • Agenturen mit Staging vor Live-Änderungen: Draft/Publish-Workflow einsetzen, um Kunden Updates vorab zu zeigen, ohne Risiko für die Produktionsseite.
  • Portfolios und kleine Business-Sites mit häufigen Text- und Media-Anpassungen: Überschriften, Listen, Bilder, Embeds (YouTube/Vimeo) und Karten über die In-Seiten-Toolbar bearbeiten.
  • Teams mit einfachem Rollback für veröffentlichte Änderungen: Auf automatische Backups bei jeder Veröffentlichung setzen und Ein-Klick-Restore bei Bedarf nutzen.
  • Entwickler, die Inhalte bei Site-Dateien speichern wollen: Bearbeitbare Inhalte in HTML-Dateien halten, während SQLite Metadaten und Backups im Hintergrund verwaltet.

FAQ

  • Benötigt EditlyCMS eine separate Datenbank? Nein. Das Produkt nutzt Ihre HTML-Dateien für Inhalte und läuft mit PHP & SQLite für Metadaten und Backups.

  • Kann ich Inhalte direkt auf der Live-Seite bearbeiten? EditlyCMS bietet Klick-zum-Bearbeiten, um markierte Elemente auf der Seite zu ändern – mit Draft/Publish-Workflow zum Stagen vor der Veröffentlichung.

  • Wie funktioniert das Publizieren und kann ich Änderungen rückgängig machen? Jede Veröffentlichung erstellt ein Backup der vorherigen Version, Dashboard enthält Ein-Klick-Restore-Option.

  • Welche Inhaltstypen kann ich bearbeiten? Rich-Text-Elemente (z. B. Fettschrift/Kursiv/Überschriften/Listen) bearbeiten und mit Bildern, YouTube/Vimeo-Embeds, Google Maps sowie anhängbaren Dateien über die Toolbar arbeiten.

  • Ist der Editor sicher? Der Editor ist passwortgeschützt mit Session-Authentifizierung, Benutzername und Passwort sind änderbar.

Alternativen

  • Traditionelle datenbankbasierte CMS (z. B. WordPress-ähnliche Systeme): Speichern Inhalte meist in separater Backend-Datenbank und erfordern oft aufwendigeres Setup im Vergleich zum „Drop-in“-Ansatz.
  • Static-Site-Generatoren mit In-Editor-Workflows: Priorisieren statische Ausgabe und brauchen typisch Build/Deploy-Schritte für Änderungen statt Klick-zum-Bearbeiten direkt im Browser.
  • Headless-CMS mit Frontend-Edit-UI: Trennt Content-Management vom Site-Frontend und involviert oft Integration eines Frontend-Frameworks statt direkter Arbeit auf bestehenden HTML-Seiten.
  • Dateibasierte CMS für Static-Websites: Wie EditlyCMS fokussieren sie auf leichten Inhaltsspeicher, aber Workflows und Edit-Interaktionen können abweichen (z. B. ob Änderungen vor Ort auf der gerenderten Seite erfolgen).
EditlyCMS | UStack