Oberfläche und Funktionen

Wenn Sie den WYSIWYG-Editor aufrufen, öffnet sich eine viergeteilte Arbeitsoberfläche:

  1. Im linken oberen Bereich des Editors arbeiten Sie im WYSIWYG-Modus.  
  2. Der Quelltextbereich im unteren Teil des Fensters. 
  3. Im rechten Bereich der Arbeitsoberfläche ist das Bedienfeld "HTML - Elemente einfügen" geöffnet. Weitere Bedienfelder können über die blauen Schaltflächen geöffnet werden. Die gesamte Bedienfeldgruppe kann über die vertikale blaue Schaltfläche aus- und angeschaltet werden.
  4. Eine weitere Bedienfeldgruppe befindet sich im linken Bereich. Diese ist zunächst geschlossen und enthält die Elemente zum Einfügen von Grafiken aus der Medienverwaltung. 

Um die WYSIWYG- und Quelltext-Ansicht herum gruppieren sich Schaltflächenleisten, mit denen Sie die Seite bequem bearbeiten können. 

Editor
Der Editor im Internet Explorer 7. Die Ansicht des Fensters kann in Abhängigkeit des Betriebssystems, des Browsers und der Browserversion variieren.

Der WYSIWYG-Bereich

Hier geben Sie den Text ein, platzieren Bilder und formatieren die Seite wie in einer gewöhnlichen Textverarbeitung. Wenn Sie arbeiten, aktualisiert onTEAM automatisch den Inhalt des Quelltextbereichs.

Der Quelltexteditor

Hier können Sie HTML-Code direkt eingeben. Mouseout aktualisiert automatisch den WYSIWYG-Bereich. Standardmäßig wird hier der Quellcode des aktuell bearbeiteten Inhaltselements angezeigt. Davon kann durch Benutzen des DOM-Pfads abgewichen werden.

Hinweis: Befindet sich der Cursor im Quelltextfeld, werden die Funktionsleisten und Bedienfeldgruppen ausgeblendet. Klicken in den WYSIWYG-Bereich blendet sie wieder ein.

Der DOM-Pfad

Der Dompfad oberhalb des Quelltextes spiegelt die hierarchische Struktur des HTML-Dokuments wider. Ausgehend vom BODY-Tag der Seite werden alle Tags angezeigt, die zwischen ihm und dem Element liegen, welches aktuell bearbeitet wird. Anklicken eines dieser Tags mit der linken Maustaste zeigt den Inhalt des jeweiligen Tags im Quelltextbereich an. Anklicken mit der rechten Maustaste öffnet ein Kontextmenü, in dem Tag-abhängig folgende Funktionen angeboten werden:

Alle Tags

Tabellenelemente



Kontextmenü für Tabellenelemente

Nicht-Tabellenelemente


Kontextmenü für Nicht-Tabellenelemente

Die horizontale Funktionsleiste

Absatzformat

 Hier weisen Sie dem aktuellen oder mehreren markierten Absätzen ein Format zu: Entscheiden Sie, ob der Absatz zum Fließtext (Absatz <p>) oder einer Überschrift der ersten bis fünften Ordnung angehört (<H1> z. B. meint eine (große) Überschrift der obersten Ebene).

Zeichenattribute

 setzt markierten Text fett oder schaltet während des Tippens das Zeichenattribut an und aus.
setzt markierten Text kursiv oder schaltet während des Tippens das Zeichenattribut an und aus.
 stellt markierten Text hoch oder schaltet während des Tippens das Zeichenattribut an und aus.
 stellt markierten Text tief oder schaltet während des Tippens das Zeichenattribut an und aus.
öffnet ein Menü, mit dem Sie markiertem Text eine andere Farbe zuweisen oder schaltet während des Tippens die Farbe um.
öffnet ein Menü, mit dem Sie markiertem Text eine andere Hintergrundfarbe zuweisen oder schaltet während des Tippens die Hintergrundfarbe um.
entfernt alle Zeichenattribute eines markierten Textes oder schaltet während des Tippens alle aktivierten Zeichenattribute aus.

Textattribute

setzt den aktuellen Absatz oder mehrere markierte Absätze linksbündig.
 setzt den aktuellen Absatz oder mehrere markierte Absätze zentriert.
 setzt den aktuellen Absatz oder mehrere markierte Absätze rechtsbündig.
nummeriert die markierten Absätze oder schaltet die Nummerierung aus.
 versieht alle markierten Absätze mit "Bullets" (Aufzählung) oder schaltet die Aufzählung aus.
 zieht den aktuellen oder mehrere markierte Absätze um eine Stufe ein bzw. vergrößert bestehenden Einzug.
 verkleinert bestehenden Einzug für den aktuellen Absatz oder mehrere markierte Absätze.

HTML-Elemente einfügen

Anklicken der folgenden Elemente öffnet die rechte Bedienfeldgruppe.

Link einfügen oder bearbeiten
 Link entfernen
Elemente einfügen
Sonderzeichen öffnet eine Eingabehilfe für verschiedene Sonderzeichen.
 Unsichtbare Elemente anzeigen. Mit dieser Schaltfläche lassen Sie sich unsichtbare Elemente, zum Beispiel Tabellenränder mit der Randstärke "0", anzeigen.

Weitere Funktionen

Öffnen der deutschen Version im Editor
Öffnen der englischen Version im Editor
  Bearbeiten der seitenbezogenen Metaangaben
  Anzeige der Dateiinformationen
 Öffnen der Onlinehilfe

Alle Funktionen öffnen Dialoge oder Inhalte im Extrafenster.

Die vertikale Funktionsleiste

Vorschau

Vorschau zeigt das Dokument im Extrafenster (ab Version 3.10 im JS-Extrafenster) so an, wie es nach der Publikation aussieht. Hierbei wird der Dokumentinhalt mit dem Template verknüpft. Navigationselemente werden, da sie auch von anderen Inhalten abhängen, hier nicht angezeigt.

Datei speichern

Speichern speichert die Datei und versetzt sie in den Status in Bearbeitung. Nutzen Sie Speichern, wenn Ihre Datei noch nicht fertig ist. Der Seiteninhalt wird sofort in preview sichtbar, sofern eine Vorschauversion der Seite existiert.
Speichern und anmelden (nur für Redakteure) speichert die Datei und versetzt sie in den Status angemeldet.  Als Redakteur melden Sie so eine fertige Seite zur Veröffentlichung an. Sie können den Status aber auch später in der Baumansicht der Website ändern.  Der Seiteninhalt wird sofort in preview sichtbar, sofern eine Vorschauversion der Seite existiert.
Speichern und freigeben (für Ressortleiter/Chefredakteur) speichert die Datei und versetzt sie in den Status freigegeben. Als Ressortleiter oder Chefredakteur geben Sie eine fertige Seite auf diese Art zur Veröffentlichung frei. Sie können den Status aber auch später in der Baumansicht der Website ändern. Der Seiteninhalt wird sofort in publish und in preview sichtbar, sofern die entsprechenden Versionen der Seite bereits existieren.

Bei Speichern und anmelden und Speichern und freigeben wird die Seite auch dann erneut gespeichert, wenn keine Änderungen vorgenommen wurden. Zusätzlich wird sie angemeldet bzw. freigegeben.

Bearbeiten

 Undo geht in der History des Editors eine Version zurück
 Redo geht in der History des Editors eine Version vorwärts. Diese Funktion ist nur nach Verwendung von Undo verfügbar
 Zurück zur letzten Version ruft die letzte gespeicherte Version der Seite auf. Achtung: Alle Änderungen seit dem letzten Speichern gehen unwiderruflich verloren
 Alles selektieren markiert den gesamten Inhalt der Seite
 Ausschneiden verschiebt den markierten Inhalt in die Zwischenablage
 Kopieren kopiert den markierten Inhalt in die Zwischenablage
 Einfügen fügt den Inhalt der Zwischenablage an der Cursorposition ein
 Löschen löscht den markierten Bereich oder das nächste Zeichen

Werkzeuge

 Suchen und ersetzen sucht global im Dokument nach dem eingegebenen Text.
 Aufräumen beseitigt Unreinheiten im HTML-Code dokumentweit.
Bildeigenschaften bearbeiten ermöglicht Ihnen, die Eigenschaften aller Bilder der aktuellen Seite zu bearbeiten.
 HTML-Attribute DOM-orientiert bearbeiten.
 HTML-HEAD bearbeiten

Medien einfügen und bearbeiten

Die Medienverwaltung ist eine Liste vorhandener Mediengalerien, aus denen Sie Objekte für die Seite auswählen können.
Upload ermöglicht Ihnen, Dateien auf den Server hochzuladen und mit dem aktuellen Dokument zu verknüpfen. 

Codevalidation

Beim Speichern einer Seite werden folgende Eigenschaften der Seite automatisch geprüft:

Treten mit diesen Elementen Fehler auf, werden diese im Meldungsfenster (rechte Bedienfeldgruppe) angezeigt und rot hervorgehoben.

ALT-Attribute

Sind Bilder ohne ALT-Attribut vorhanden, erscheint die Meldung "Es sind Bilder ohne Alt-Tag im Dokument vorhanden!".

Links

Beim Speichern der Seite wird eine systeminterne Linkprüfung vorgenommen. Ist die verlinkte Seite nicht vorhanden, erscheint die Meldung "Fehlerhafte interne Links" mit einer Liste der fehlerhaften Links.

Bei Speichern und Freigeben wird zusätzlich überprüft, ob die verlinkte Seite ebenfalls freigegeben ist. Ist dies nicht der Fall erscheint die Meldung "Fehlerhafte interne Links".

Automatisch werden unescaped & in HREFs durch &amp; ersetzt.

H1 - Überschriften

Sind in der Seite mehrere H1-Tags vorhanden, erscheint die Meldung "Es ist mehr als ein <H1>-Tag im Dokument vorhanden!".

Tastaturkürzel

Selbstverständlich können Sie auch die je nach Browser und Betriebssystem üblichen Tastaturkürzel benutzen. Gängige Kürzel unter Windows sind zum Beispiel:

Beachten Sie, dass diese Kürzel von Betriebssystem zu Betriebssystem, von Browser zu Browser, unter Umständen sogar zwischen verschiedenen Versionen desselben Browsers variieren können. Diese Funktionen sind nicht Bestandteil von onTEAM, sondern des verwendeten Browsers.

Siehe auch