Benutzerspezifische Werkzeuge
Sie sind hier: Startseite Kupu WYSIWYG-Editor

Kupu-WYSIWYG-Editor

erstellt von Veit Schiele zuletzt verändert: 26.11.2009 14:52
Mitwirkende: Sönke Löffler-von Gierke
(Scheme=URL) http://www.plone-nutzerhandbuch.de/plone-nutzerhandbuch/anhang/copyright

Kupu ist ein WYSIWYG-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 visuellen Editor Kupu bearbeiten. Er besitzt eine Leiste mit Funktionen und ein Aufklappmenü mit verschiedenen Formatvorlagen.

Kupu

Funktionen

Fett-Icon
Fett.
Kursiv-Icon
Kursiv.
Linksbündig-Icon
Linksbündig.
Zentriert-Icon
Zentriert.
Rechtsbündig-Icon
Rechtsbündig.
Nummerierte-Liste-Icon
Nummerierte Liste.
Unnummerierte-Liste-Icon
Unnummerierte Liste.
Definitionslisten-Icon
Definitionsliste.
Ausrücken-Icon
Ausrücken.
Einrücken-Icon
Einrücken.
Bild-Icon

Bild einfügen. Sie können auch während des Editierens Bilder einfügen. Klicken Sie hierfür an diejenige Stelle im Text, an der Sie Ihr Bild einfügen möchten und anschließend auf das Bild-Icon. Anschließend öffnet sich ein Dialog:

Bild einfügen

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

Home
das Wurzelverzeichnis der Website
Current folder

der aktuelle Ordner, in dem sich auch Ihr Artikel befindet.

Häufig werden Sie auf Current folder klicken um anschließend an dieser Stelle ein neues Bild hochzuladen.

Dann erhalten Sie in der dritten Spalte ein Formular, mit folgenden Feldern:

Hochladen in
Wählen Sie ein Bild auf Ihrem Computer aus, das auf die Website hochgeladen werden soll.
Titel
Titel des Bildes, der in vielen Browsern angezeigt wird, wenn sich die Maus über dem Bild befindet
Beschreibung
Beschreibung des Bildes.
Ausrichtung
Das Bild kann exakt an der Stelle, an der der Mauszeiger steht, eingefügt werden oder nach links oder rechts ausgerichtet werden. Es können auch mehrere Bilder an derselben Stelle eingefügt werden, die z.B. alle links ausgerichtet werden um eine Galerie zu erzeugen.
Größe

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

Large
max. 768px
Preview
max. 400px
Mini
max. 200px
Thumb
max. 128px
Tile
max. 64px
Icon
max. 32px
Listing
max. 16px
Alternativer Text
Dieser ermöglicht es denjenigen, die das Bild nicht oder kaum sehen können, die Bedeutung des Bildes zu erfassen.
My recent items
die zuletzt von Ihnen auf der Website hinzugefügten Bilder.
Recent items
die zuletzt auf der Website hinzugefügten Bilder.

Falls Sie zu einem späteren Zeitpunkt eine der Angaben zu einem Bild, dessen Größe oder Position ändern möchten, können Sie im Bearbeiten-Formular das Bild markieren, anschließend in das Bild-Icon klicken, die gewünschte Änderung vornehmen und wieder auf Ok klicken.

Interner-Link-Icon
Internen Link einfügen. Sie können ein Wort oder eine Phrase markieren und anschließend auf das Interner-Link-Icon klicken um auf einen Artikel der Website zu verweisen.
Externer-Link-Icon
Externen Link einfügen. Sie können ein Wort oder eine Phrase markieren und anschließend auf das Externer-Link-Icon klicken um auf einen Artikel auf einer anderen Website zu verweisen.
Anker-Icon

Anker einfügen. Mit Ankern können Sie innerhalb Ihres Artikels Punkte markieren, die mit einem Link direkt angesprungen werden können:

Anker

Solche Anker werden z.B. bei längeren Artikeln häufig am Anfang von Überschriften gesetzt.

Tabelle-Icon

Tabelle einfügen öffnet ein Fenster mit einem Fromular für die Anzahl der Spalten und Zeilen der Tabelle sowie mit einem 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

Falls Sie zu einem späteren Zeitpunkt die Tabellenformatvorlage ä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 im Aufklappmenü eine andere Tabellenformatvorlage auswählen. Auf dieselbe Weise können Sie die Textausrichtung für eine gesamte Spalte ändern, indem Sie im Dialogfenster die Textausrichtung der gesamten Spalte angeben. Auch um weitere Spalten oder Zellen hinzuzufügen oder zu entfernen wird das Dialogfenster geöffnet und dann rechts oder unterhalb der aktuellen Tabellenzelle neue Spalten oder Zeilen hinzugefügt oder die aktuelle Tabellenspalte oder -zeile gelöscht.

Rückgangig-Icon
Rückgängig
Erneut-Icon
Erneut
Quellcode-Icon
HTML-Quellcode bearbeiten

Formatvorlagen

Absatzformatvorlagen

Normal
Normale Absatzformatierung
Heading
Absatzformatierung für Überschriften
Subheading
Absatzformatierung für Unterüberschriften
Literal
Absatzformatierung für Zitate
Discreet
Dezente Absatzformatierung
Pull-quote
Absatzformatierung, die ein Zitat aus dem Kontextherausrückt
Call out
Herovrgehobener Absatz

Spezielle Formatierungen

Page break
Beim Ausdruck wird der folgende Absatz auf einer neuen Seite begonnen
Clear floats
Nach dieser Anweisung wird der folgende Text keine Bilder mehr umfließen
(remove style)
entfernt alle Formatierungen im Kontext des Cursors

Zeichenformatierungen

Highlight
Hervorhebung einzelner Zeichen

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

Anmerkung 1: Der Internet Explorer unterstützt die von Kupu verwendeten Rich Text Controls ab Version 5.5, Mozilla ab Version 1.3.1, Firefox ab Version 0.7 und Netscape ab Version 7.1.

Anmerkung 2: Da für alle oben genannten Artikeltypen ein Haupttext vorhanden sein muss, können bestehende Inhalte nicht vollständig gelöscht werden.

Artikelaktionen