Content Editor

Der Content Editor ist der Ort, an dem Ihre Website eine Stimme bekommt. Im Gegensatz zur Layout-Ansicht, bei der Sie Raster anlegegen und Positionen definieren, rücken im Content-Editor die abstrakten Abstände in den Hintergrund. Ihr Fokus liegt nun komplett auf Text, Bildern und Verlinkungen.

Inline Text Editing

Die stärkste Funktion im Content-Bereich ist die Inline-Bearbeitung. Anstatt mühsam in Seitenleisten tippen zu müssen, klicken Sie im Content-Modus einfach direkt in das Live-Abbild Ihrer Website. CODEFLUSS nutzt dazu den leistungsstarken TipTap-Editor.

Sobald Sie in einen Paragraphen oder eine Überschrift klicken, erscheint eine kleine, kontextbezogene Bubble-Toolbar über dem Text:

• Machen Sie Textsteine fett, kursiv oder unterstrichen.
• Markieren Sie einzelne Sätze oder Wörter als direkten Link, um auf andere Unterseiten oder externe Quellen zu verweisen.
• Der Text überträgt sich sofort responsiv auf alle Ansichten (Mobile, Desktop).

Medien und Konfigurationen pflegen

Nicht alles lässt sich direkt tippen. Bilder, Hintergründe, Formular-Emails und spezielle Metadaten einzelner Komponenten werden weiterhin über das Inspector-Panel auf der rechten Seite gesteuert.

• Bilder zuweisen: Klicken Sie auf eine Bild-Komponente. Im rechten Panel können Sie nun ein Bild hochladen oder aus der Medien-Datenbank wählen sowie essenzielle Alt-Texte definieren (Wichtig für SEO und Barrierefreiheit!).
• Buttons verlinken: Bestimmen Sie die Aktion eines Buttons (Link zu einer internen Seite, URL zu einer externen Website, E-Mail auslösen etc.).
• Formular-Aktionen: Legen Sie fest, wohin ein Formular die gesammelten Lead-Daten senden soll.

Merksatz: Das Layout-Gitter baut das Regal auf. Der Content-Editor räumt die Bücher ein. Beide Editoren trennen Form und Inhalt strikt voneinander, damit Sie nie unabsichtlich das Design zerstören, während Sie nur einen Tippfehler korrigieren möchten.