Version 7.5.5 · Entwickelt von Volker Niederastroth

Das Live-Editor CMS
für Mobirise

Texte, Bilder und Videos direkt im Browser bearbeiten – ohne Mobirise-App, ohne Programmierkenntnisse. Einfach einloggen, klicken, speichern.

Jetzt einrichten → Was kann das CMS?
🛠️ Hallo Volker!
👑 Admin
✓ Voller Zugriff

Was ist möglich?

Alles was du brauchst –
direkt auf deiner Website

Das Mobirise CMS 4.0 macht deine fertig exportierte Mobirise-Website live editierbar. Kein Umweg über die App, kein erneutes Exportieren und Hochladen.

✍️

Texte direkt bearbeiten

Einfach in einen Text klicken und tippen. Fett, Kursiv, Unterstrichen, Farbe, Links – alles per kleiner Werkzeugleiste. Änderungen sind sofort sichtbar.

🖼️

Bilder austauschen

Bild anklicken → Upload-Menü erscheint. Datei vom Computer hochladen oder manuell einen Pfad eingeben. Funktioniert auch mit Hintergrundbildern ganzer Abschnitte.

🎬

Videos verwalten

MP4-Dateien hochladen, YouTube-Links einbetten, Autoplay ein- oder ausschalten – alles über ein komfortables Menü. Videos lassen sich auch wieder entfernen.

NEU
🔗

Links bearbeiten

Auf Menü-Links oder Buttons klicken, um Text, Ziel-URL und Tab-Verhalten (gleiches oder neues Fenster) zu ändern. Icons in Menüpunkten bleiben dabei erhalten.

🎨

Farben & Overlays

Hintergrundfarben von Abschnitten per Farbwähler ändern. Overlay-Farbe und Deckkraft von Hintergrundbildern direkt einstellen – Wert wird beim nächsten Mal gespeichert.

📍

Navigation fixieren

Das Menü kann per Schalter auf „klebt oben" (sticky) oder „scrollt mit" (statisch) gestellt werden. Die Einstellung wird gespeichert.

Zeitmaschine / Backups

Vor jedem Speichern wird automatisch ein Backup angelegt. Über eine Auswahlliste kannst du jeden früheren Zustand mit einem Klick wiederherstellen.

🖼️ ▶️

Video-Platzhalter-Block

Noch kein Video vorhanden? Der spezielle Platzhalter-Block zeigt einen Hinweistext bis das Video hochgeladen wird – danach blendet er sich automatisch aus.

NEU
👥

Mehrbenutzersystem

Mehrere Benutzer mit individuellen Rechten: Admin hat vollen Zugriff, Editoren dürfen nur bestimmte Seiten und Bereiche bearbeiten.

PREMIUM
🔒

Serverseitige Absicherung

Alle Berechtigungen werden nicht nur im Browser, sondern auch auf dem Server geprüft. Kein Benutzer kann mehr speichern als erlaubt – auch wenn jemand im Browser herumspielt.

📱

Mobilfreundlich

Das CMS-Panel und alle Upload-Dialoge funktionieren auch auf dem Smartphone und Tablet. Sessions bleiben auch bei mobilem Browserwechsel stabil.

🛡️

Lizenzschutz

Das CMS prüft beim Start, ob es auf einer erlaubten Domain läuft. Auf anderen Domains verweigert es den Dienst automatisch.


Erste Schritte

Einrichtung in 4 Schritten

Das CMS besteht aus zwei Dateien die du einmalig in dein Website-Verzeichnis hochlädst.

1

Dateien hochladen

Lade cms-core.js und save_content.php per FTP in den Hauptordner deiner Website (dort wo auch deine index.html liegt).

⚠️ Beide Dateien müssen im gleichen Ordner wie deine HTML-Seiten liegen, damit Pfade korrekt aufgelöst werden.
2

Script in jede Seite einbinden oder in die globale Seiteneigenschaft

Füge direkt vor dem schließenden </body>-Tag den Code aus der Datei seiteneigenschaften.txt ein

<
🔒 Volker's CMS v7.5.0 ... Rest des Codes
>

In Mobirise geht das am einfachsten über Seite → Einstellungen → Custom HTML (vor </body>).

3

Benutzer einrichten

Öffne save_content.php und trage im Bereich $cms_users deine Benutzer ein:

$cms_users = [
  'volker' => [
    'password' => 'DeinPasswort!',
    'role' => 'admin',
    'name' => 'Volker',
    'pages' => [], // leer = alle Seiten
    'allow_menu_footer' => true,
  ],
  'kunde1' => [
    'password' => 'KundePasswort!',
    'role' => 'editor',
    'name' => 'Kunde 1',
    'pages' => ['content_index.json'],
    'allow_menu_footer' => false,
  ],
];
💡 Der Dateiname in pages ergibt sich aus dem Seiten-Dateinamen: index.htmlcontent_index.json, leistungen.htmlcontent_leistungen.json
4

Erlaubte Domains eintragen

Trage deine Domain(s) in das Array $allowed_domains ein – das CMS läuft dann nur auf diesen Domains:

$allowed_domains = [
  'localhost',
  'meine-domain.de',
  'www.meine-domain.de',
];

Fertig! Rufe deine Website auf und drücke STRGund Doppelklcik um das Login-Fenster zu öffnen.


Benutzerverwaltung

Wer darf was?

Das CMS kennt zwei Rollen: Admin und Editor. Alle Einschränkungen werden zusätzlich serverseitig geprüft.

Funktion
👑 Admin
✏️ Editor
Texte bearbeiten
Bilder hochladen
Videos hochladen / einbetten
Menü & Footer bearbeiten
⚙️ per Einstellung
Hintergrundfarben ändern
Navigation fixieren/lösen
Autoplay für Videos global
Backups einspielen
Alle Seiten bearbeiten
⚙️ nur erlaubte Seiten
⚙️ = per allow_menu_footer bzw. pages in save_content.php individuell pro Benutzer einstellbar.

So funktioniert's

Schritt für Schritt bedienen

Einloggen

STRG Halten und Doppelklick. Es erscheint ein Login-Fenster. Gib dein Passwort ein und klicke auf „Einloggen". Im Panel siehst du sofort deinen Namen und deine Berechtigungen.

Texte bearbeiten

Editierbare Texte werden mit einem blauen gestrichelten Rahmen hervorgehoben. Einfach hineinklicken und lostippen. Für Formatierungen (Fett, Links etc.) Text markieren – es erscheint automatisch eine kleine Werkzeugleiste.

Bilder austauschen

Bilder werden mit einem gelben gestrichelten Rahmen hervorgehoben. Klicke auf das Bild – es erscheint ein Menü:

Videos bearbeiten

Videos werden ebenfalls mit gelbem Rahmen/Schild angezeigt. Das Video-Menü bietet zusätzlich YouTube-Einbettung, Autoplay-Steuerung und das Entfernen des Videos:

Speichern & Backups

Klicke auf „💾 Diese Seite speichern" im Panel. Vor jedem Speichern legt das CMS automatisch ein Backup an. Über die Auswahlliste im Panel kannst du jederzeit einen früheren Stand wiederherstellen – aber nur als Admin.

💡 Backup-Wiederherstellung überschreibt den aktuellen Stand! Vorher gut überlegen oder vorher nochmal speichern.

Ausloggen

Klicke auf „✕ Editor schließen". Alle Editier-Rahmen verschwinden, Links funktionieren wieder normal. Die Website-Besucher sehen nie etwas vom CMS-Modus.


Häufige Fragen

FAQ

Wo werden meine Inhalte gespeichert?
Alle Inhalte werden als JSON-Dateien direkt auf deinem Webserver gespeichert (z.B. content_index.json). Es gibt keine externe Datenbank. Backups landen automatisch im Ordner backups/, hochgeladene Dateien in uploads/.
Was passiert wenn ich die Mobirise-App nutze und dann das CMS? Überschreiben die sich gegenseitig?
Ja – wenn du in der Mobirise-App eine Seite neu exportierst und hochlädst, wird die HTML-Datei überschrieben. Die CMS-Inhalte (JSON-Dateien) bleiben erhalten und werden beim nächsten Seitenaufruf wieder eingespielt. Das CMS lädt seine Daten immer beim Einloggen frisch. Tipp: Erst CMS-Änderungen sichern, dann Mobirise-App-Änderungen exportieren.
Kann ich das CMS auf mehreren Websites gleichzeitig nutzen?
Ja. Trage einfach alle Domains in $allowed_domains ein und kopiere die beiden Dateien auf jede Website. Jede Website hat ihre eigenen JSON-Dateien und Backups – sie sind komplett voneinander getrennt.
Ich sehe nach dem Hochladen eine komplett weiße Seite – was ist falsch?
Das passiert fast immer, wenn cms-core.js nicht gefunden wird (404-Fehler). Prüfe: 1) Liegt die Datei wirklich im richtigen Ordner? 2) Stimmt der Pfad im <script src="...">-Tag? 3) Ist der Dateiname exakt cms-core.js (Groß-/Kleinschreibung)? Öffne die Browser-Konsole (F12) – dort steht der genaue Fehler.
Wie öffne ich das Login-Fenster?
STRG halten auf der Tastatur und Doppelklick. Das Login-Fenster erscheint. Auf dem Smartphone/Tablet 4 mal schnell tippen der letze tipp 1 Sekunde min.
Kann ein Editor auch Bilder hochladen oder nur Texte bearbeiten?
Editoren können Texte bearbeiten, Bilder hochladen/tauschen und Videos verwalten – auf den Seiten, für die sie berechtigt sind. Was sie nicht können: Menü/Footer (wenn gesperrt), Farben ändern, Navigation fixieren/lösen, Backups einspielen.
Wie füge ich einen neuen Benutzer hinzu?
Öffne save_content.php und ergänze im $cms_users-Array einen neuen Eintrag mit Benutzername, Passwort, Rolle, Name, erlaubten Seiten und allow_menu_footer. Danach die Datei speichern und per FTP hochladen – fertig. Es ist kein Neustart oder Cache-Leeren nötig.
Was ist der Video-Platzhalter-Block?
Ein spezieller Mobirise-Block der einen Text anzeigt ("Video folgt in Kürze") solange noch kein Video hochgeladen ist. Sobald du über das CMS ein Video hochlädst, blendet sich der Platzhalter-Text automatisch aus und das Video wird angezeigt – komplett ohne zusätzliches JavaScript, nur durch CSS. Wenn du das Video wieder entfernst, kommt der Platzhalter zurück.