Online-Editor

Generelle Hinweise

Das Tocco Redaktionssytem verwendet den beliebten Open Source-Editor CKeditor.



Mit der Funktionsleiste des Editors lassen sich die Inhalte gestalten

  • Titel, Untertitel und Lead
  • Text (fett, kursiv etc.)
  • Links
  • Bilder
  • Aufzählungen
  • Einzüge
  • Tabellen
  • Linien
  • und vieles mehr

Zudem können mit CKeditor kundenspezifische Stile und Vorlagen zur Verfügung gestellt werden, die Gestaltungen (Styles) enthalten.

Mit dem Editor können zudem Widgets und Internetabläufe eingebunden werden.

Definitionen
Widgets sind unidirektionale Steuerelemente, die das Redaktionssystem ergänzen. Widgets können Datenbankinhalte strukturiert anzeigen und auch eigene Datensätze enthalten. Beispiele für Widgets sind der Slider (Karussell), das Akkordeon oder eine Bildergalerie.

Internetabläufe (Public Flows) sind modulzugehörige, bidirektionale Steuerelemente, die Datenbankinhalte in mehreren Schritten ausgeben respektive Daten wiederum in die Datenbank aufnehmen können. Ein Beispiel ist die Online-Veranstaltungsanmeldung, die Daten in einer Liste anzeigt, ein Detail darstellt und die Anmeldung direkt in die Datenbank aufnimmt.

Funktionen

In der Funktionsleiste des Editors stehen die folgenden Funktionen zur Verfügung (der Reihe nach von links nach rechts beschrieben):

Funktion Bild Anwendung/Beschreibung
Text fett auszeichnen Text markieren und mit Klick auf Funktion fett auszeichnen.
Text kursiv auszeichnen Text markieren und mit Klick auf Funktion kursiv auszeichnen.
Text unterstreichen Text markieren und mit Klick auf Funktion unterstrichen auszeichnen.
Text durchstreichen Text markieren und mit Klick auf Funktion durchgestrichen auszeichnen
Tiefgestelltes Zeichen Text markieren und mit Klick auf Funktion tiefer gestellt auszeichnen.
Hochgestelltes Zeichen Text markieren und mit Klick auf Funktion hochgestellt auszeichnen.
Formatierungen entfernen Text markieren und mit Klick auf Funktion die vorhandenen Formatierungen entfernen.
Stil Hier werden kundenspezifische Stile eingebunden. Text markieren und mit Klick auf Stil in der Auswahlliste den gewünschten Stil zuweisen.
Format Hier sind die Standard-Formate wie Titel oder Normal (für Lauftest) hinterlegt. Text markieren und mit Klick auf Format in der Auswahlliste das gewünschte Format zuweisen.
Ausschneiden Inhalt markieren und ausschneiden.
Kopieren Inhalt markieren und kopieren.
Einfügen Inhalt inklusive Formatierungen einfügen. 
Als Text einfügen Inhalt ohne Formatierungen einfügen.
Aus MS-Word einfügen Text aus MS-Word einfügen.
Rückgängig Arbeitsschritte rückgängig machen. Dies ist maximal bis zur letzten freigegebenen Version der Seite möglich.
Wiederherstellen Inhalte wiederherstellen.
Quellcode In den HTML-Code der Seite wechseln.
Vorlagen Öffnet die Liste der kundenspezifischen Vorlagen.
Nummerierte Liste Erstellt eine nummerierte Liste.
Liste Erstellt eine Liste mit Bullet-Points.
Einzug verringern Innerhalb von Listen kann der Einzug verringert werden. Damit wird in die darüberliegende Hierarchieebene gewechselt.
Einzug erhöhen Innerhalb von Listen kann der Einzug erhöht werden. Damit wird in die darunterliegende Hierarchieebene gewechselt.
Zitatblock Text markieren und mit Klick auf Funktion als Zitatblock darstellen
Div Container erzeugen Div ist ein Behälter für HTML-Elemente. Die Funktion ermöglicht das Arbeiten mit Stilen, die einem solchen Behälter zugewiesen werden können. Die entsprechenden Stile müssen zuvor eingerichtet werden.
Linksbündig Text linksbündig ausrichten, als Standard definiert.
Zentriert Text makieren und mit Klick auf die Funktion zentriert darstellen.
Rechtsbündig Text markieren und mit Klick auf die Funktion rechtsbündig darstellen.
Link einfügen/editieren Text markieren und mit Klick auf die Funktion Link einfügen oder editieren. Mehr zum Arbeiten mit Links erfahren Sie auf der Handbuchseite «Standardfunktionen & Abläufe > Seite anlegen & editieren > Links & Anker».
Link entfernen Text markieren und mit Klick auf die Funktion den Link entfernen.
Anker einfügen/editieren Anker sind Markierungen im Text einer Seite, zu denen ein Link führt. Text oder Stelle markieren und mit Klick auf die Funktion einen Textanker setzen. Mehr zum Arbeiten mit Ankern erfahren Sie auf der Handbuchseite «Standardfunktionen & Abläufe > Seite anlegen & editieren > Links & Anker».
Bild Mit Klick auf die Funktion ein Bild einfügen. Das Bild muss online vorhanden sein respektive eine URL haben, mit der es online aufgerufen werden kann. Mehr zum Arbeiten mit Bildern erfahren Sie auf der Handbuchseite «Standardfunktionen & Abläufe > Seite anlegen & editieren > Arbeiten mit Bildern».
Tabelle Mit Klick auf die Funktion eine Tabelle einfügen. Mehr zum Arbeiten mit Tabellen erfahren Sie auf der Handbuchseite «Standardfunktionen & Abläufe > Seite anlegen & editieren > Tabellen-Editor».
Horizontale Linie einfügen Mit Klick auf die Funktion eine horizontale Linie einfügen. 
Sonderzeichen einfügen/editieren Mit Klick auf die Funktion öffnet sich eine Liste der Sonderzeichen, die angewählt werden können.
Widget Der Klick auf die Funktion öffnet die Auswahlliste der Widgets, die eingebunden werden können. Mehr zum Arbeiten mit Widgets erfahren Sie auf der Handbuchseite «Standardfunktionen & Abläufe > Arbeiten mit Widgets».
Blöcke anzeigen Um Klarheit über Zeilenumbrüche zu erhalten können Blöcke (Absätze) innerhalb des Seitenelements angezeigt werden. Ein nochmaliger Klick auf die Funktion deaktiviert die Blockansicht.