TinyMCE: Grafischer Editor

erstellt von Veit Schiele — zuletzt verändert: 13.02.2010 17:36 (Scheme=URL) http://www.plone-nutzerhandbuch.de/plone-nutzerhandbuch/anhang/copyright

TinyMCE ist ein grafischer-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

Fett (Strg-B)

Kursiv (Strg-I)

Linksbündig

Zentriert

Rechtsbündig

Blocksatz

Unnummerierte Liste

Nummerierte Liste

Definitionsliste

Ausrücken

Einrücken

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

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

Link einfügen/bearbeiten allgemein

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:

Link entfernen

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

Beachten Sie bitte, das der grafische Editor für die Formatvorlagen Heading und Subheading bereits immer schon Anker einfügt. Um auf einen solchen Anker zu verweisen, markieren Sie einen text und klicken anschließend auf das Link-Icon. In dem sich nun öffnenden Fenster erhalten Sie in der linken Spalte den Eintrag Anchors, der Ihnen dann in der mittleren Spalte eine Liste der verfügbaren Anker dieses Artikels anzeigt:

Anker einfügen

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

Invisible grid

Fancy listing

Fancy grid 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

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

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 unterhalb einfügen

Zeile löschen

Spalte links einfügen

Spalte rechts einfügen

Spalte löschen

Verbundene Zellen trennen

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

Zellen verbinden

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

HTML Quellcode bearbeiten

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

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