Visueller Content-Editor

Bearbeite deine Inhalte dort, wo sie leben — auf deiner echten Website

Der visuelle Editor von b10cks gibt deinem Content-Team eine Live-Vorschau der Änderungen, während sie sie vornehmen, mit einer Zwei-Wege-Verknüpfung, die deine echte Website zur Bearbeitungsfläche macht. Kein Rätselraten mehr, wie eine Änderung aussehen wird. Sieh sie sofort.

Jetzt kostenlos loslegen

Das Problem mit formularbasiertem Bearbeiten

Niemand denkt in Formularfeldern.

Jedes andere CMS verlangt von deinem Content-Team, sich vorzustellen, wie ihre Änderungen aussehen werden. Sie füllen ein Formular aus, klicken auf Speichern, rufen eine Vorschau-URL auf und stellen fest, dass der Titel zu lang ist, das Bild falsch aussieht und das Layout auf Mobilgeräten kaputtgeht. Dann gehen sie zurück und machen alles noch einmal.

Diese Schleife ist langsam. Sie ist frustrierend. Und sie ist völlig unnötig.

b10cks gibt Redakteuren eine Live-Vorschau ihrer Inhalte mit Zwei-Wege-Verknüpfung — direkt auf der tatsächlich gerenderten Website — damit sie jede Änderung genau in dem Moment sehen, in dem sie sie vornehmen.

Zwei-Wege-Bindung

Hier bearbeiten. Dort sehen. Gleichzeitig.

Der visuelle Editor von b10cks funktioniert über eine bidirektionale Verbindung zwischen dem Editor-Panel im CMS und deiner Live-Frontend-Vorschau:

Editor → Vorschau Wenn ein Redakteur einen Feldwert im CMS-Panel ändert, aktualisiert sich die Vorschau in Echtzeit — ohne Neuladen der Seite, ohne Veröffentlichungsschritt. Die Änderung ist sofort sichtbar.

Vorschau → Editor Wenn ein Redakteur direkt auf ein Element in der Vorschau klickt — eine Überschrift, einen Block, einen Button — springt das Editor-Panel direkt zu den Feldern dieses Inhalts. Kein Suchen durch einen Baum von Inhaltstypen. Klick einfach auf das, was du bearbeiten willst, und bearbeite es.

So sieht echtes visuelles Bearbeiten aus.

Live-Vorschau-Architektur

Funktioniert mit deinem bestehenden Frontend. Kein spezieller Build nötig.

Der visuelle Editor verlangt nicht, dass du dein Frontend mit einem bestimmten Framework oder SDK neu aufbaust. Er nutzt eine leichtgewichtige Vorschauverbindung, die sich in jedes Frontend integriert:

  • Nuxt — Vorschau-Composables im SDK enthalten *
  • Jedes Framework — rohe Preview-API mit dokumentiertem Protokoll

Dein Frontend rendert deine Inhalte. b10cks sendet Live-Updates. Das ist die ganze Verbindung.

* weitere native Framework-SDKs sind in Vorbereitung

Das Bearbeitungs-Panel

Alle Werkzeuge, die deine Redakteure brauchen. Kein Ballast.

Das Editor-Panel fährt neben deiner Vorschau ein und zeigt nur die Inhaltsfelder an, die für das aktuell ausgewählte oder fokussierte Element relevant sind.

Im Panel:

  • Strukturierte Formularfelder für jeden Blocktyp
  • Inline-Rich-Text-Bearbeitung mit einer klaren, anpassbaren Symbolleiste
  • Bild-Upload, Auswahl aus der Asset-Bibliothek und Transformationsvorschau
  • Block per Drag-and-drop neu anordnen bei Array-Feldern
  • Referenz-Auswahl — finde und verknüpfe jeden beliebigen Content-Eintrag im Space
  • Sprachumschalter — Vorschau und Bearbeitung in jeder aktivierten Sprache
  • Entwurfs-/Veröffentlichungsstatus-Anzeige und Veröffentlichungssteuerung
  • Kommentarbereich — sieh und beteilige dich an Gesprächen über den aktuellen Inhalt

Mobile & responsive Vorschau

Sieh genau das, was deine Besucher sehen — auf jedem Gerät.

Wechsle die Vorschau mit nur einem Klick zwischen verschiedenen Viewport-Größen:

  • Desktop — Vorschau in voller Breite
  • Tablet — responsiver Breakpoint in der Vorschau
  • Mobil — schmale Viewport-Vorschau

Entdecke Layout-Probleme, bevor sie live gehen. Kein Smartphone nötig. Kein Browser-DevTools erforderlich.

Blockbibliothek

Füge Inhaltsblöcke hinzu, als würdest du mit einem Design-Tool arbeiten.

Mit dem Blockbibliothek-Panel können Redakteure alle verfügbaren Blocktypen durchsuchen und sie in einem Schritt zur aktuellen Seite hinzufügen. Kein technisches Wissen erforderlich.

  • Visuelle Karten für Blocktypen mit Name und Beschreibung
  • Suche und Filter nach Blockkategorie
  • Per Klick unten hinzufügen oder an jede beliebige Position im Inhaltsbaum ziehen
  • Vorschau der Felder eines neuen Blocks vor dem Einfügen

Redakteure können aus Bausteinen reichhaltige, strukturierte Seiten zusammensetzen — ohne je einen Entwickler bitten zu müssen, „mal eben einen Abschnitt hinzuzufügen“.

Geplante Veröffentlichung

Einrichten und vergessen.

Plane deine Content-Veröffentlichungen im Voraus. Lege fest, dass ein beliebiger Inhalt zu einem bestimmten Datum und einer bestimmten Uhrzeit live geht — b10cks übernimmt die Veröffentlichung automatisch.

  • Veröffentlichungen pro Sprache für globale Teams planen
  • Geplantes Unveröffentlichen für zeitlich begrenzte Inhalte
  • Atomare Releases — bündle mehrere Inhaltsänderungen in einem einzigen geplanten Rollout

Keine nächtlichen Logins mehr, um auf „Veröffentlichen“ zu klicken.

Dein Content-Team verdient einen Editor, der ihre Zeit respektiert.

Der visuelle Editor ist in jedem b10cks-Tarif enthalten — kein Upgrade nötig, kein Feature-Flag, kein „Vertrieb kontaktieren“. Probier ihn jetzt aus.