Funktionen des Editors

ZURÜCK ZUR GESAMTÜBERSICHT | DOKUMENTATIONEN | SCHRITT FÜR SCHRITT | WEITERE THEMEN

Funktionen des HTML-Editors

Der HTML-fähigen Texteditor "CKEditor" muss sich nach vordefinierter Formatierungsvorschriften richten. Diese Formate entsprechen den internationalen Normierungen für den W3C-Standard XHTML. Dieser Standart folgt andern Zielsetzungen als z.B. eine Textverabeitung für Druckerzeugnisse (wie z.B. Micorsoft © Word).
Die Ansicht formatierter Texte im Editor entspricht nur sehr eingeschrängt dem Ergebnis auf der Webseite. Die vorgebliche Eigenschaft "Was du siehst, ist [das,] was du bekommst" ist bei HTML-Editoren nur über die Funktion Vorschau zu realisiern. Die tatsächliche Formatierung der Internetseite erfolgt erst nach dem Speicher und Schließen des Editors über das vorgegebene CSS der Micosite. Diese sogenannten Cascading Style Sheets legen dabei fest, wie ein HTML-Formatierter Inhalt oder Bereich dargestellt werden soll. In diesem zweiten Schritt der Online-Textverabeitung wird der gestaltete HTML-Text in das Template (Formatvorlage / Stilvorlage) der Internetseite eingepasst. Schlussendlich bestimmen die Layout-Eigenschaften das Templates die tatsächliche Gestaltung des Textes.

Der Editor „Seite mit Freitext“ ähnelt einer herkömmlichen Textverarbeitung (Word, Open-Office) und ist auch in weiten Teilen ähnlich in der Handhabung. Klassisch ist demnach die Aufteilung in zwei wesentliche Bestandteile: Den Symbolleisten im oberen Fensterbereich, sowie dem Editor-Inhaltsbereich im unteren Teil, in dem die Inhalte eingegeben und gestaltetet werden.

Abb: Die Seite mit Freitext im Bearbeitungsmodus. Gut erkennbar ist die Ähnlichkeit zu einer klassischen textverarbeitung

Die standardmäßig vom Browser dargestellte Symbolleiste mit ihren Vor- und Zurückschaltflächen etc. hat im geöffneten Editorfenster keinerlei Funktion und sollte niemlas verwendet werden, da es hierdurch zu einem Verbindungsabbruch mit dem OpenCms-Server kommt und die Inhalte verloren gehen können!

Die Symbolleisten

Die Symbolleiste im Editor „Seite mit Vorlage“ setzt sich aus drei einzelnen Symbolleisten zusammen, die untereinander angeordnet sind:

Eigenschaften
Standard
Format

Symbolleiste: Eigenschaften

	Sprachauswahl Bei mehrsprachigen Websites kann zwischenden definierten Sprachen gewechselt werden. Beim Erzbistum beschränkt sich dies derzeit auf die Standardsprache „Deutsch“
	Auswahl Inhaltselemente Sind neben dem Standardelement weitere Inhaltselemente aktiviert, kann mit dieser Selectbox zwischen diesen gewechselt werden.
	Elemente Aktivieren / Deaktivieren von Inhaltselementen
	Eigenschaften Bearbeiten der Eigenschaften z.B. Navigationstext direkt aus der im Editor geöffneten Seite
	Quellcode bereinigen Die Bereinigung des Quellcodes mit dieser Hilfe dieser Schaltfläche sorgt für standardkonformes HTML. Dies ist z.B. nötig, wenn Inhalte über die Zwischenablage in die Seite eingefügt werden und es dadurch zu Darstellungsfehlern kommt

Symbolleiste: Standard

	Speicher und Schließen Die Änderungen werden gespeichert und der Bearbeitungsmodus wird verlassen. Im Browserfenster erscheint wieder die Seitenvorschau bzw. der Workplace
	Speichern Die Änderungen werden gespeichert, das Editorfenster bleibt geöffnet und im Anschluss kann die Bearbeitung der Seite fortgeführt werden.
	Quellcode Wechsel von der WYSIWYG-Ansicht¹ in die Quellcode-Ansicht. Geübte Redakteure können hier direkt den Quelltext der Seite einsehen und bearbeiten
	Rückgängig Kehrt zum vorherigen Arbeitsschritt zurück.
	Wiederherstellen Stellt einen Arbeitsschritt der mit Rückgängig verworfen wurde wieder her
	Suchen Durchsucht den Inhalt der im Editor geöffneten Seite nach einem Stichwort
	Suchen & Ersetzen Durchsucht den Inhalt der im Editor geöffneten Seite nach einem Stichwort und ersetzt es durch ein anderes
	Alles auswählen Wählt den gesamten Seiteninhalt aus
	Formatierung entfernen Entfernt alle Formatierungen eines zuvor markieren Bereichs
	Ausschneiden Schneidet einen zuvor markierten Bereich aus und hinterlegt ihn in der Zwischenablage
	Kopieren Kopiert einen zuvor markierten Bereich in die Zwischenablage
	Einfügen Fügt einen in die Zwischenablage kopierten Inhalt an der Cursor-Position ein.
	Einfügen als Text Fügt einen in die Zwischenablage kopierten Inhalt an der Cursor-Position als reinen Text ohne Formatierung ein.
	Einfügen aus Word Startet einen Assistenten der Inhalte aus MS Word vor dem Einfügen aufbereitet (entfernen von nichtkonformen Formatierungen)
	Tabellen einfügen / editieren Startet einen Dialog um Tabellen in das Dokument einzufügen oder um sie zu einem späteren Zeitpunkt zu bearbeiten
	Link Einfacher Dialog um einen Link auf einen weiterführenden Inhalt zu setzen. Dieser Dialog verfügt nur über die wichtigsten Einstellungsmöglichkeiten
	Link einfügen / editieren Erweiterter Dialog um einen Link auf einen weiterführenden Inhalt zu setzen. Dieser Dialog verfügt über zusätzliche Funktionen wie z.B. Ankerlinks, PopUp-Fenster usw.
	Bildergalerien Assistent zur Verwaltung von Bildern des betreffenden Projektes. Durch eine Selectbox kann zwischen den einzelnen Bildergalerien gewechselt werden. Die Bilder werden als kleine Vorschaubilder angezeigt
	Downloadgalerien Assistent zur Verwaltung von Downloads des betreffenden Projektes. Dies betrifft alle gängigen Office-Dateiformate wie z.B. DOC, XLS, PDF. Durch eine Selectbox kann zwischen den einzelnen Downloadgalerien gewechselt werden
	Externe Links-Galerien Assistent zur Verwaltung von externen Links des betreffenden Projektes. Durch eine Selectbox kann zwischen den einzelnen Galerien gewechselt werden
	HTML-Galerien Assistent zum verwalten / einfügen von Downloads des betreffenden Projektes. Dies betrifft alle gängigen Office-Dateiformate wie z.B. DOC, XLS, PDF. Durch eine Selectbox kann zwischen den einzelnen Downloadgelarien gewechselt werden
	Tabellen-Galerien Assistent zur Verwaltung von Tabellen-Vorlagen des betreffenden Projektes. Durch eine Selectbox kann zwischen den einzelnen Tabellen-Galerien gewechselt werden
	Sonderzeichen Startet einen Assistenten zum Einfügen von Sonderzeichen (z.B. ►© €≈)
	Drucken Druckt den Inhalt des Editor-Fensters aus
	Rechtschreibkorrektur Startet eine Rechtschreibkorrektur. Dies Funktion ist derzeit in OpenCms implementiert
	Hilfe Startet die Online-Hilfe von OpenCms
	Schließen Beendet den Bearbeitungsmodus und kehrt zur vorherigen Ansicht (Workplace oder Vorschau) zurück. Etwaige Änderungen am Dokument werden nicht gespeichert

Symbolleiste: Textformatierung

Textformatierung nennt man in der HTML-Textverarbeitung die Beschreibung, wie einzelne Elemente des Textes dargestellt werden sollen. Mit diesen Funktionen gestalten Sie den Text.

	Format Zeigt in einer Selectbox die vordefinierten Formatvorlagen an. Insbesondere die Überschriften werden über die Schaltfläche zugewiesen.
	Stil Zeigt in einer Selectbox die zwei zur Verfügung stehenden Schriftstile an. Es wird unterschieden zwischen „Absatz Standard“ und „Absatz kleine Schrift“
	Fett Zeichnet eine zuvor markierte Textpassage in Fettdruck aus. Das „B“ ist abgeleitet aus dem englischen „Bold“
	Kursiv Zeichnet eine zuvor markierte Textpassage in Kursiv aus. Das „I“ ist abgeleitet aus dem englischen „Italic“
	Unterstrichen Zeichnet eine zuvor markierte Textpassage unterstrichen aus. Das „U“ ist abgeleitet aus dem englischen „Underlined“
	Durchgestrichen Zeichnet eine zuvor markierte Textpassage als durchgestrichen aus
	Tiefgestellt Zeichnet zuvor markierte Buchstaben oder Worte als tiefgestellten Text aus
	Hochgestellt Zeichnet zuvor markierte Buchstaben oder Worte als hochgestellten Text aus
	Linksbündig Richtet den Text mit linksbündiger Ausrichtung (Flattersatz) aus.
	Zentriert Richtet den Text mit zentrierter Ausrichtung aus.
	Rechtsbündig Richtet den Text mit rechtsbündiger Ausrichtung aus.
	Blocksatz Richtet den Text im Blocksatz aus. Hierbei handelt es sich um die Standardeinstellung
	Nummerierung Fügt eine Nummerierung an der Cursor-Position ein. Diese Einstellung wird Absatzweise definiert, wobei jeder neue Absatz eine vorangestellte Zahl zugewiesen bekommt
	Aufzählung Fügt eine Aufzählung an der Cursor-Position ein. Diese Einstellung wird Absatzweise definiert, wobei jeder neue Absatz ein vorangestelltes Aufzählungszeichen zugewiesen bekommt
	Einzug verringern Verkleinert den Einzug nach links. Diese Funktion steht nut zur Verfügung, wenn zuvor der Einzug erhöht wurde (folgende Schaltfläche)
	Einzug erhöhen Erhöht den Einzug nach rechts und
	Textfarbe Ändert die Textfarbe einer zuvor markierten Textpassage. Ein Farb-Assistent ermöglicht die Farbauswahl durch Mausklick
	Hintergrundfarbe Ändert die Hintergrundfarbe einer zuvor markierten Textpassage. Ein Farb-Assistent ermöglicht die Farbauswahl durch Mausklick

Die Formatierung einer Internetseite ist einer normalen Textverarbeitung wie z. B. Microsoft Word ähnlich aber nicht gleich. Die technischen Grundlagen zur Gestaltung einer Internetseite unterscheiden sich wesentlich von der einer Textverarbeitung. Eine Internetseite ist somit grundsätzlich anders aufgebaut als ein Word-Dokument. Eine Internetseite basiert auf der technisch unabhängigen, textbasierten Auszeichnungssprache HTML. Eine Textverarbeitung basiert auf einer eigenständigen technischen Lösung, dem Dateiformat. Ein Textdokument ist zudem in allen Spezifikationen abhängig von einem bestimmten Betriebssystem z. B. einem Microsoft Windows-Computer (IBM-PC) oder einem Apple-Computer (Mac OS).
Die Handhabung zur Gestaltung einer Seite im Internet unterscheidet sich wesentlich von der Gestaltung in einer Textverarbeitung. Den Komfort einer Textverarbeitung können HTML-Editoren aus technischen Gründen noch nicht bieten. Aus diesem Grund sollten sie Texte, Seiten und Dokumente aus einer Textverarbeitung nicht einfach mit einer Internetseite vergleichen. Es währe bildlich gesprochen der Vergleich von „Äpfel und Birnen“.

Barrierefrei Datenschutz Impressum