Inline Editing
Klicke auf beliebige markierte Elemente und bearbeite sie direkt im Browser.
Kein Backend, kein Server, nur ein Script.
Mach deine statische Webseite editierbar
Ein einziges Script-Tag verwandelt jede HTML-Seite in ein editierbares CMS. Bearbeite Inhalte direkt im Browser, speichere lokal, exportiere sauberes HTML.
So einfach geht's
index.html
<!-- 1. Script einbinden -->
<script src="rizocms.js"></script>
<!-- 2. Elemente markieren -->
<h1 data-editable="hero-title">Willkommen auf meiner Seite</h1>
<p data-editable="hero-text">Dieser Text ist editierbar.</p>
<img data-editable="hero-image" data-editable-type="image" src="bild.jpg" />
<!-- 3. STRG+E drücken und bearbeiten! -->Features
Alles was du brauchst, um deine statische Webseite zu bearbeiten.
LocalStorage
Alle Änderungen werden automatisch lokal gespeichert. Kein Server nötig.
HTML Export
Exportiere deine bearbeitete Seite als sauberes HTML ohne CMS-Code.
Live SEO Score
Echtzeit SEO-Analyse mit Lesbarkeit, Keywords und Meta-Optimierung.
Zero Dependencies
Vanilla JavaScript. Keine Frameworks, keine Build-Tools, keine Abhängigkeiten.
Leichtgewichtig
Lädt blitzschnell und beeinträchtigt deine Seite nicht.
In fünf Schritten startklar
Wie es funktioniert
Von der ersten Zeile Code bis zur fertigen, editierbaren Webseite – ohne Backend und ohne komplizierte Einrichtung.
01
Script herunterladen
Lade rizocms.js herunter und lege es in deinen Webseiten-Ordner.
02
Script einbinden
Füge <script src='rizocms.js'></script> vor dem </body> Tag ein.
03
Elemente markieren
Füge data-editable='name' zu allen Elementen hinzu, die editierbar sein sollen.
04
Bearbeiten
Drücke STRG+E um den Edit-Modus zu aktivieren. Klicke auf Elemente zum Bearbeiten.
05
Exportieren
Klicke auf 'Export HTML' um deine fertige Seite herunterzuladen.
Bereit loszulegen?
Lade das Script herunter und verwandle deine statische Webseite in Sekunden.
Jetzt herunterladen