Visueller Editor

Visueller HTML-Editor, der in allen aktuellen Browsern ohne zusätzliche Browser-Module funktioniert.

Wenn Sie z.B. eine Seite, einen Termin oder eine Nachricht bearbeiten, können Sie den Haupttext im allgemeinen mit dem grafischen Editor TinyMCE bearbeiten. Er besitzt eine Leiste mit Funktionen und ein Aufklappmenü mit verschiedenen Formatvorlagen.

TinyMCE

Standardfunktionen

Folgende Funktionen bringt TinyMCE üblicherweise mit:

Speichern
Speichern
Fett
Fett (Strg-B)
Kursiv
Kursiv (Strg-I)
Linksbündig
Linksbündig
Zentriert
Zentriert
Rechtsbündig
Rechtsbündig
Blocksatz
Blocksatz
Unnummerierte Liste
Unnummerierte Liste
Nummerierte Liste
Nummerierte Liste
Definitionsliste
Definitionsliste
Ausrücken
Ausrücken
Einrücken
Einrücken
Bild einfügen/verändern

Bild einfügen/verändern

Bild einfügen

In der linken Spalte werden Ihnen einige Verweise angeboten, die Ihnen das Finden von Bildern, die bereits in der Website vorhanden sind, erleichtern sollen:

Home
Die oberste Ebene der website
Current Folder
Der aktuelle Ordner in dem Sie Ihren Artikel bearbeiten.

Alternativ können sie auch nach Bildern auf der Website suchen.

In der mittleren Spalte sehen Sie eine Liste der Bilder des aktuellen Ordners oder der Suchergebnisse. Befindet sich das Bild noch nicht auf der Webssite, können Sie im ausgewählten Ordner auch ein Bild aus Ihrem lokalen Verzeichnis hochladen.

In der dritten Spalte erhalten sie die Detailinformationen zum ausgewählten Bild:

Vorschau
Eine Vorschau des ausgewählten Bildes
Beschreibung.
Hier können Sie eine Beschreibung des Bildes eingeben.
Ausrichtung
Hier können Sie auswählen, ob das Bild im Textfluss, linksbündig oder rechtsbündig angeordnet werden soll.
Alternativer Text
Dieser ermöglicht es denjenigen, die das Bild nicht oder kaum sehen können, dennoch die Bedeutung des Bildes zu erfassen.
Ausmaße

Das Bild kann in einer der folgenden Größen angezeigt werden:

Original
zeigt das Bild in der Originalgröße an
Listing
max. 16px
Icon
max. 32px
Tile
max. 64px
Thumb
max. 128px
Mini
max. 200px
Preview
max. 400px
Large
max. 768px

Sie können auch die Angaben für ein bstehendes Bild ändern indem Sie zunächst das Bild markieren und anschließend in das Bild hinzufügen/verändern-Icon klicken.

Link einfügen/verändern

Link einfügen/verändern

Sie können ein Wort oder eine Phrase markieren und anschließend auf das Link-Icon klicken:

Link einfügen/bearbeiten allgemein

  1. In der linken Spalte wird Ihnen eine Liste angezeigt:

    Home

    Die oberste Ebene der Website

    Current Folder

    Der aktuelle Ordner, in dem Sie Ihren Artikel bearbeiten

    External

    Hier können Sie einen Verweis auf eine externe Website angeben.

    Mail

    Hier können Sie auf eine E-Mail-Adresse verweisen.

    Anchors

    Hier können Sie auf einen Abschnitt derselben Seite verweisen:

    Anker einfügen

Link entfernen
Link entfernen
Anker einfügen/verändern

Anker einfügen/verändern

Mit Ankern können Sie innerhalb Ihres Artikels Punkte markieren, die mit einem Verweis direkt angesprungen werden können:

|Anker-Fenster|

Tabelle erstellen/bearbeiten

Tabelle erstellen/bearbeiten

Tabelle erstellen/bearbeiten öffnet ein Fenster mit einem Formular in dem Sie folgende Angaben machen können:

Allgemein:

  • Aufklappmenü für die verschiedenen Tabellenformatvorlagen:

    Subdued grid

    Subdued grid

    Invisible grid

    Invisible grid

    Fancy listing

    Fancy listing

    Fancy grid listing

    Fancy grid listing

    Fancy vertical listing

    Fancy vertical listing

  • Anzahl der Spalten

  • Anzahl der Zeilen

  • Zusammenfassung

    Hier sollte aus Gründen der Barrierefreiheit eine Zusammenfassung der Tabelle eingegeben werden.

Erweitert:

  • Breite

    Hier kann eine bestimmte Breite der Tabelle angegeben werden.

    Wird nichts angegeben, wird die Breite automatisch berechnet.

  • Höhe

    Hier kann eine bestimmte Höhe der Tabelle angegeben werden.

    Wird nichts angegeben, wird die Höhe automatisch berechnet.

  • Ausrichtung

    Hier können sie angeben, ob die Tabelle im Textfluss (- unbestimmt -), linksbündig, zentriert oder rechtsbündig angezeigt werden soll.

  • Beschriftung der Tabelle

    Eine Beschreibung der Tablle als Tabellenüberschrift.

Falls Sie zu einem späteren Zeitpunkt die Angaben ändern möchten, können Sie zunächst in die Tabelle klicken und anschließend auf das Tabellensymbol, in dem sich nun öffnenden Dialogfenster können Sie die Änderungen vornehmen.

Eigenschaften der Zeile

Eigenschaften der Zeile

Hier können Sie die Eigenschaften einer Tabellenzeile festlegen:

Allgemein:

  • Höhe

  • Vertikale Ausrichtung

    bestimmt die Ausrichtung nebeneinanderstehender Elemente unterschiedlicher Höhe

Erweitert:

  • Gruppierung

    Hier können Sie unterscheiden zwischen dem Kopf der Tabelle, dessen Inhalt und dessen Fußzeilen

  • Eigenschaften der Zelle

    Hier können Sie angeben, ob die Veränderungen auf die ausgewählte, ungerade, gerade oder alle Zeilen angewendet werden soll:

Eigenschaften der Zelle

Eigenschaften der Zelle

Hier können Sie die Eigenschaften einer Tabellenzelle festlegen:

Allgemein:

  • Breite

  • Höhe

  • Vertikale Ausrichtung

    bestimmt die Ausrichtung nebeneinanderstehender Elemente unterschiedlicher Höhe

Erweitert:

  • Eigenschaften der Zelle

    Hier können Sie angeben, ob die Veränderungen nur auf die ausgewählte Zelle, die Zeile oder die Tabelle angewendet werden soll.

Zeile oberhalb einfügen
Zeile oberhalb einfügen
Zeile unterhalb einfügen
Zeile unterhalb einfügen
Zeile löschen
Zeile löschen
Spalte links einfügen
Spalte links einfügen
Spalte rechts einfügen
Spalte rechts einfügen
Spalte löschen
Spalte löschen
Verbundene Zellen trennen

Verbundene Zellen trennen

Hier können Sie zusammengelegte Spalten und Zeilen wieder trennen.

Zellen verbinden

Zellen verbinden

Hier können Sie angeben, wieviele Spalten und Zeilen zusammengelegt werden sollen.

HTML Quellcode bearbeiten

HTML Quellcode bearbeiten

Hier können Sie den HTML-Quellcode direkt bearbeiten und angeben, ob automatisch zeilenumbrüche eingefügt werden sollen.

Vollbildschirm

Vollbildschirm

Hier können Sie den grafischen Editor auf die gesamte Größe des Web-Browser-Fensters vergrößern.

Formatvorlagen

Absatzformatvorlagen

Normal
Normale Absatzformatierung
Heading
Absatzformatierung für Überschriften
Subheading
Absatzformatierung für Unterüberschriften
Literal
Absatzformatierung für Zitate
Pull-quote
Absatzformatierung, die ein Zitat aus dem Kontextherausrückt
Call out
Herovrgehobener Absatz
Clear floats
Nach dieser Anweisung wird der folgende Text keine Bilder mehr umfließen

Zeichenformatierungen

Discreet
Dezente Absatzformatierung
Highlight
Hervorhebung einzelner Zeichen
(remove style)
entfernt alle Formatierungen im Kontext des Cursors

Druckformate

Page break
Beim Ausdruck wird der folgende Absatz auf einer neuen Seite begonnen

Tabellenformatvorlagen

Plain Cell
Formatierung für einfache Tabellenzellen
Odd row
Zeile, im allgemeinen mit transparentem Hintergrund
Even row
Zeile, im allgemeinen mit Hintergrundfarbe
Heading Cell
Zelle für Spaltenüberschriften

Zusätzliche Funktionen

Folgende weitere Funktionen lassen sich vom Verwalter der Website hinzufügen:

Ausschneiden
Ausschneiden
Kopieren
Kopieren
Einfügen
Einfügen
Als normalen Text einfügen
Als normalen Text einfügen
Mit Formattierungen (aus Word) einfügen
Mit Formattierungen (aus Word) einfügen
Rückgängig
Rückgängig (Strg-Z)
Wiederholen
Wiederholen (Strg-Y)
Suchen
Suchen
Suchen/Ersetzen
Suchen/Ersetzen
Unterstrichen
Unterstrichen (Strg-U)
Durchgestrichen
Durchgestrichen
Tiefgestellt
Tiefgestellt
Hochgestellt
Hochgestellt
Textfarbe
Textfarbe
Hintergrundfarbe
Hintergrundfarbe
Multimedia einbetten/bearbeiten

Multimedia einbetten/bearbeiten

Damit nun tatsächlich Multimedia-Inhalte eingebettet werden können, sind in HTML-Filter folgende Änderungen notwendig:

  • Objekt und Embed dürfen nicht in Fiese Tags angegeben sein.
  • Object und Param dürfen nicht in der Liste Entfernte Tags angegeben sein.
  • Embed muss in Benutzerdefinierte Tags angegeben sein.

Für Flickr-Slideshows und die meisten anderen einzubindenden Dateien sollten Sie HTML editieren anklicken und den Code an die passende Stelle kopieren.

Sonderzeichen einfügen
Sonderzeichen einfügen
Trennlinie einfügen
Trennlinie einfügen
Trennlinie
Trennlinie
Datum einfügen
Datum einfügen
Zeit einfügen
Zeit einfügen
Smilies
Smilies
Geschütztes Leerzeichen einfügen
Geschütztes Leerzeichen einfügen
Seitenumbruch einfügen
Seitenumbruch einfügen
Drucken
Drucken
Vorschau
Vorschau
Formattierungen zurücksetzen
Formattierungen zurücksetzen
Quellcode aufräumen
Quellcode aufräumen
Hilfslinien und unsichtbare Elemente ein-/ausblenden
Hilfslinien und unsichtbare Elemente ein-/ausblenden
Steuerzeichen an/aus
Steuerzeichen an/aus
Attribute einfügen/bearbeiten
Attribute einfügen/bearbeiten

Vorlagen

Inhalte aus Vorlagen einfügen
Mit einer Erweiterung lassen sich auch Textbausteine einfach einfügen. Diese Textbausteine müssen zuvor als normale Seiten erstellt worden sein. Es ist so also auch möglich, Bilder, Links auf Dateien etc. als Textbausteine abzuspeichern.