Home > Structure > Handbücher > Inhalte erstellen > Arbeiten im TinyMCE Editor
Arbeiten im TinyMCE Editor
 

Der TinyMCE ist ein Editor, um Texte zu schreiben und zu formatieren. Der TinyMCE verwendet ausschließlich interne Browserfunktionen und Javascript. Einzelne Details in der Funktionsweise des Editors können daher von Browser zu Browser variieren. Der TinyMCE kann auf jedem Computer mit Internet Explorer (ab Version 5.5) und Mozilla Firefox geöffnet werden

Arbeitsschritte:

Nach öffnen der Eingabemaske gehen Sie folgendermaßen vor:

(1) Klicken Sie auf den Button: TinyMCE - 1127850.1 unterhalb des Text-Eingabefeldes.

(2) Geben Sie Ihren Text in das Editor-Fenster ein.

(3) Zum Formatieren markieren Sie das gewünschte Textstück und klicken Sie auf den entsprechenden Button des Menüs.

tinymce_overview.png - 1123624.2



tinymce_icon_bold.png - 1127858.2 Fett:
Mit diesem Button können Sie Textstücke fett machen. Beispiel
tinymce_icon_italic.png - 1127900.2 Kursiv:
Mit diesem Button können Sie Textstücke kursiv machen. Beispiel
tinymce_icon_underlined.png - 1128010.2
Unterstrichen:
Mit diesem Button können Sie Textstücke unterstreichen. Beispiel
strikethroughicon - 1127956.1
Durchgestrichen:
Mit diesem Button können Sie Textstücke durchstreichen. Beispiel
 
forecoloricon - 1127878.1
Schriftfarbe:
Hier können Sie die Schriftfarbe ändern.
 
backcoloricon - 1127854.1
Hintergrundfarbe:
Hier können Sie die Hintergrundfarbe ändern.
 
tinymce_icon_factlink.png - 1123596.2
factlink einfügen:
Mit diesem Button können Sie Links zu anderen Inhalten auf der Plattform einfügen.
Lesen Sie dazu das Kapitel "factlink in TinyMCE erstellen"!
 tinymce_icon_factimg.png - 1123604.2 Bilder einfügen:
Positionieren Sie Ihren Cursor an die gewünschte Stelle. Klicken Sie auf den Button. Wählen Sie das gewünschte Bild per Mausklick aus.
Beachten Sie, dass Sie das Bild zuvor auf die Plattform laden müssen (siehe Kapitel "Bild hinaufladen").
 tinymce_icon_factfsfile.png - 1123608.2

File-Upload: 

Mit diesem Icon können Sie Dateien in Ihr Fact laden.

(Achtung -zurzeit nur im Easy Publishing implementiert)

 tinymce_icon_factinclude.png - 1123600.2 Factinclude:
Mit diesem Button können Sie andere Facts im Volltext einfügen (siehe Kapitel "Facts einfügen ("factinclude")").
 Link_icon - 1121073.1 externen Link anlegen:
Tippen Sie einen Linknamen ein. Markieren Sie den Namen. Klicken Sie auf den Button. Geben Sie die URL der Webseite, auf die Sie verlinken möchten, ein. Klicken Sie danach auf "OK".
 Unlink Icon - 1123612.1

Unlink:

Mit diesem Button haben Sie die Möglichkeit von einem markierten (bereits verlinkten) Textstücke den Link zu löschen. 

 justifylefticon - 1127908.1 Linksbündig:
Damit wird der Text linksbündig angeordnet.
 justifyicon - 1127904.1 Zentriert:
Mit diesem Button wird der Text mittig angeordnet.
 justifyrighticon - 1127912.1 Rechtsbündig:
Mit diesem Button wird der Text rechtsbündig angeordnet.
 justifyfullicon - 1127916.1

Blocksatz

Mit diesem Button wird der Text Blocksatz-artig angeordnet.

 ausricon - 1127924.1 Einzug nach rechts:
Mit diesem Button wird Text schrittweise weiter nach rechts gerückt.
 einricon - 1127896.1 Einzug nach links:
Mit diesem Button wird Text schrittweise weiter nach links gerückt.
 bullisticon - 1127862.1 Aufzählung:
Mit diesem Button können Sie Aufzählungen machen.
 numlisticon - 1127920.1 Nummerierung:
Mit diesem Button können Sie Absätze nummerieren.
 formaticon - 1128018.1

Format:

Mit der Drop-Down Liste "Format" haben Sie die Möglichkeit Überschriften zu gestalten. 

 subicon - 1127960.1 Tiefgestellt:
Mit diesem Button können Sie Textstücke tiefgestellt darstellen. Beispiel
 supicon - 1127964.1 Hochgestellt:
Mit diesem Button können Sie Textstücke hochgestellt darstellen. Beispiel
charmap - 1127866.1
Sonderzeichen:
Mit diesem Button haben Sie die Möglichkeit aus zahlreichen Sonderzeichen auszuwählen.
 Undo_Icon - 1121079.1 Rückgängig:
Mit diesem Button können Sie Änderungen rückgängig machen.
 redoicon - 1127940.1 Wiederherstellen:
Mit diesem Button können Sie Änderungen wieder herstellen.
 cuticon - 1127874.1

Ausschneiden:

Schneiden Sie Textteile aus. 

 copyicon - 1127870.1

Kopieren:

Kopieren Sie Texteile...

 pasteicon - 1127928.1

Einfügen:

... und fügen Sie diese wo anders wieder ein. 

 pastetexticon - 1127932.1

Einfügen - Text:

Um mit Formatierungen von anderen Texten ihr aktuelles nicht zu verändern, fügen Sie Textteile durch diesen Button ein. 

 pastewordicon - 1127936.1

Einfügen aus MS Word:

Nutzen Sie diesen Button, sollten Sie aus einem Word-Dokument Textpassagen einfügen wollen. 

searchicon - 1127952.1

Suche:

Mit diesem Button haben Sie die Möglichkeit Begriffe und Wörter zu suchen. 

 replaceicon - 1127948.1

Suchen/Ersetzen:

Suchen Sie nach Begriffen und ersetzen Sie diese durch neue. 

 Table Icon - 1123620.1 Tabelle anlegen:
Klicken Sie auf den Button. Es öffnet sich ein kleines Pop-up. In dieses Pop-up geben Sie die Anzahl der benötigten Spalten und Reihen ein. Bitte beachten Sie, dass Sie im Nachhinein Spalten und Zeilen nur dann ergänzen können, wenn sie Mozilla Firefox verwenden! Geben Sie weiters an, ob die Tabelle einen Rand haben soll.
 tablerowprop - 1128002.1

Reiheneigenschaften:

Fixieren Sie mit diesem Button die Eigeschaften einzelner Tabellenreihen. 

 tablecellpropicon - 1127970.1

Zelleneigenschaften:

Fixieren Sie mit diesem Button die Eigenschaften einzelner Tabellenzellen. 

 insertrowbeforeicon - 1127994.1

Reihe oberhalb hinzufügen:

Nutzen Sie diesen Button um einzelne Reihen ober eine bestimmte hinzuzufügen. 

 insertrowaftericon - 1127990.1

Reihe unterhalb hinzufügen:

Nutzen Sie diesen Button um einzelne Reihen unter eine bestimmte hinzuzufügen. 

 tabledeleterowicon - 1127978.1

Reihen löschen:

Nutzen Sie diesen Button um einzelne Reihen Ihrer Tabelle zu löschen. 

 insertcolumnbeforeicon - 1127986.1

Spalte vor hinzufügen: 

Mit diesem Button haben Sie die Möglichkeit vor einer ausgewählten Spalte eine weitere hinzuzufügen. 

 insertcolumnaftericon - 1127982.1

Spalte danach hinzufügen: 

Mit diesem Button haben Sie die Möglichkeit hinter einer ausgewählten Spalte eine weitere hinzuzufügen.
 tabledeletecolumnicon - 1127974.2

Spalten löschen:

Nutzen Sie diesen Button um einzelne Spallen Ihrer Tabelle zu löschen. 

 tablesplitcellsicon - 1128006.1

Zellen spalten:

Mit diesem Button haben Sie die Möglichkeit Zellen zu splitten. 

 tablemergepropicon - 1127998.1

Zellen vereinen:

Mit diesem Button haben Sie die Möglichkeit markierte Zellen zu vereinen. 

hricon - 1127886.1
Linie:
Mit diesem Button fügen Sie eine durchgängige Linie ein.
 removeformaticon - 1127944.1 Formatierung löschen:
Markieren Sie das Textstück, dessen Formatierung Sie löschen möchten und klicken Sie auf den Button.
insert_date.PNG - 1520690.1

Datum einfügen:

Dieser Knopf fügt das aktuelle Datum im folgenden Format: dd.mm.yyyy

insert_time.PNG - 1520691.1

Zeit einfügen:

Dieser Knopf fügt die aktuelle Zeit im folgenden Format: hh:mm:ss 

 helpicon - 1127882.1

Hilfe:

Sollten Sie zusätzliche Hilfe benötigen, könnte Ihnen der Hilfe-Button nützen. 

 html2icon - 1127891.1

HTML Icon - 1123616.1

HTML:

Nutzen  Sie diesen Button um auf den HTML-Modus zu schalten.

Zeichen zählen.png - 1422283.1

Zeichen zählen:

Per Klick auf diesen Button werden die Zeichen des Text-facts gezählt.



(4)
Speichern Sie Ihre Texteingabe und Formatierung, indem Sie auf  "weiter >>" klicken.

(5) Alle weiteren Schritte zum Publizieren von Facts lesen Sie in Kapitel "Inhalte anlegen - Variante 2".

 

 

Zusatz: Arbeiten mit Tabellen

 

Benötigt man ein fact welches ein bestimmtes Layout beinhaltet, empfiehlt es sich, dieses mit der Hilfe von Tabellen zu erstellen / formatieren. Das Resultat ist meist nicht eine Tabelle, sondern mehrere verschachtelte Tabellen, um auch allen Wünschen bezüglich Positionierung gerecht zu werden.

 

Um ein Tabellen-Layout nicht zu zerstören, sollte man mit den von tinyMCE bereitgestellten Buttons für Tabellen arbeiten.

Mit der Hilfe dieser Buttons  kann man eine Zeile ober- oder unterhalb der aktuellen Zeile hinzufügen oder eine Zeile entfernen. Fügt man eine Zeile hinzu, erhält diese die gleiche Konfiguration wie die aktuelle Zeile.

 

zB: gleiche Anzahl an Spalten

 

1238550.png - 1245045.1 Zeile unterhalb (unter der aktuellen Zeile) hinzufügen.

1238552.png - 1245046.1 Zeile entfernen (Aktuelle Zeile wird entfernt).

 

Beispiel: Auszug aus einem Besprechungsprotokoll

 

Möchte man einen neuen Verteiler hinzufügen, positioniert man den Cursor in der Zeile, unter der man eine Zeile einfügen möchte. In diesem Fall ist dies die Zeile in der "Hr. C" eingetragen ist.

1238554.png - 1245057.1

Nun klick man auf den rot hinterlegten Button 1238550.png - 1245045.1 (Zeile unterhalb einfügen). Somit wird eine Zeile unter der Aktuellen hinzugefügt.

 

1238556.png - 1245058.1

 

Diese neue Zeile besteht wieder aus 3 Spalten. Auszufüllen wäre in diesem Fall die 2. und 3. Spalte -> Person und Unternehmen.




Dieser Knopf fügt das aktuelle Datum im folgenden Format: dd.mm.yyyy

Metainfo:
Author: Claudia Kasper; Copyright: factline Webservices GmbH; Published by: factline Webservices (factline5)
factID: 1128022.10 (...history); published on 11 May. 2011 09:10
 
Shortcuts:
 
Referers (18):