Sie sind hier:  LinkpfeilPowerCMS »TinyMCE


Achtung - die Ladezeit wird hier länger ausfallen, da neben dem Editor selbst noch allerhand Bilder geladen werden.

TinyMCE

 

Unter PowerCMS verwenden wir ausschliesslich den Editor TinyMCE von LinkpfeilMoxieCode , auch wenn andere CMS da gleich mehrere Möglichkeiten anbieten.

Natürlich könnten wir ebenfalls ein Sortiment von verschiedenen Editoren einsetzen, verzichten aber darauf, weil in dem Moment der Aufwand im Support, Pflege und im Forum sich erheblich erhöhen würde.

TinyMCE ist unserer Meinung nach der am besten gepflegte Editor seiner Art - warum sollten wir also zusätzlich etwas schlechteres anbieten ?

Ab Version Hanau02 AF3 wird der Tiny in der Version 3 eingesetzt und darauf beziehen sich auch alle Aussagen und Bilder dazu.


Der Editor wird, wenn er nicht grundsätzlich über die config.php abgeschaltet wurde, automatisch dort geladen, wo er benötigt wird.

Das ist die Vollansicht des Editors mit allen Optionen.
In der Praxis kann sich die Optik je nach Einstellung verändert darstellen.

Der Bildbrowser ist in dieser Demo nicht eingeschaltet.
Ansonsten können die meisten Funktionen probiert werden.
Die Darstellung der Links aus der CMS bei der Auswahl entsprechen nicht der korrekten Ansicht, ich habe diese Version nur zu Demo - Zwecken eingefügt.

Die Toolbars

 

In der Vollansicht hat der Editor vier Toolbars die in sich nach Themen geordnet sind.

Die Toolbars des Editors

Die erste Toolbar

 

Die Toolbars des Editors

Darin sind insbesondere die Dinge enthalten, die zum normalem Erfassen der Inhalte gehören.

  • Button 1 - macht das Textfeld nach einer Abfrage leer (löscht aber nichts aus der Datenbank)
  • Button 2 - stellt Fettschrift an oder ab (ich bin es leid bei jeder neuen Tiny-Version das Bild auf F ändern zu müssen, deswegen lasse ich das jetzt.)
  • Button 3 - stellt Kursivschrift an oder ab (Hinweis: Die verschiedenen Attribute wie kursiv oder fett können kombiniert werden.)
  • Button 4 - stellt unterstrichene Schrift an oder ab.
  • Button 5 - stellt durchgestrichene Schrift an oder ab.
  • Button 6 bis 9 - stellt entsprechende Schriftformatierung (links,rechts,mittig oder Blocksatz) an oder ab.
  • Auswahlfeld Format - der Tiny kann einige CSS - Einheiten die mit dem Template verbunden sind direkt verwenden - hier haben Sie eine Wahlmöglichkeit.
  • Auswahlfeld Vorlage - da sind einige Standardformatierungen für z.B. Überschriften enthalten. Tiny verwendet zur Anzeige den Browserstandard. Die Optik kann je nach eigenem CSS Einsatz anders sein.
  • Auswahlfeld Schrift - es wird Ihnen eine Auswahl der auf Ihren Computer installierten Schriften angezeigt aus der Sie wählen können.
    Beachten Sie das Besucher Ihrer Website u.U. andere Betriebssysteme und /oder andere Schriften verwenden bzw. die von Ihnen ausgwählte Schrift dort nicht zur Verfügung stehen muss.
  • Auswahlfeld Schriftgröße - hier können Sie eine bestimmte Schriftgröße auswählen.

Die erste Toolbar mit aufgeklappten Optionen

Es ist kein schlechter Stil zunächst alle Texte einfach zu erfassen und zwar ohne jegliche Formatierung.
Diese können Sie danach einfach durch markieren der Textteile und der Wahl ihres gewünschten Werkzeuges wie gewünscht erbringen.

Die zweite Toolbar

 

Die zweite Toolbars des Editors

  • Button 1 - markierter Text wird damit ausgeschnitten.
  • Button 2 - markierter Text wird damit in die Zwischenablage kopiert.
  • Button 3 - Text aus der Zwischenablage wird in den Editor kopiert.
  • Button 4 - es öffnet sich ein Dialog mit dem gesucht oder gesucht und ersetzt werden kann. Suchen ist das Defaultangebot.
  • Button 5 - ist von der Funktionsweise identisch mit Button 4 jedoch ist Suchen und Ersetzen das Defaultangebot.
  • Button 6 - startet oder beendet eine unsortierte Liste.
  • Button 7 - startet oder beendet eine sortierte Liste.
  • Button 8 - macht eine Einrückung rückgangig.
  • Button 9 - führt eine Einrückung aus.
  • Button 10 - macht die letzte Aktion(en) rückgängig - Funktion auch mit Strg Z erreichbar.
  • Button 11 - wiederholt die letzte Aktion.
  • Button 12 - öffnet einen Dialog um einen Link aus den bereits vorhandenen Seiten in den markierten Text zu setzen.
  • Button 13 - öffnet einen Dialog um einen Link in den markierten text zu setzen.
  • Button 14 - öffnet einen Dialog um einen Anker zu setzen.
  • Button 15 - öffnet einen Dialog um ein Imagelink zu setzen - Achtung diese Funktion greift ab Hanau01 AF3 nicht mehr auf den Imagemanager zu.
  • Button 16 - beseitigt überflüssigen HTML-Code, der vielleicht entstanden ist.
  • Button 17 - öffnet einen kleinen Dialog mit Informationen zu verwendeten Version und mit der Möglichkeit in die Wiki des Herstellerst zu wechseln.
  • Button 18 - öffnet ein Fenster mit den aktuellen Inhalten jedoch im HTML - Modus - für manche Dinge sehr zu empfehlen.
  • Button 19 - setzt das aktuelle Datum an Cursorposition.
  • Button 20 - setzt die aktuelle Uhrzeit an der Cursorposition.
  • Button 21 - öffnet einen Dialog um die Textfarbe zu setzen.
  • Button 22 - öffnet einen Dialog um die Hintergrundfarbe zu setzen.

Die dritte Toolbar

 

Die dritte Toolbars des Editors

  • Button 1 - öffnet einen Dialog um eine Tabelle zu erzeugen.
  • Button 2 - öffnet einen Dialog um die Eigenschaften der aktuelle Zeile in der Tabelle zu ändern.
  • Button 3 - öffnet einen Dialog um die Eigenschaften der aktuellen Zelle in der Tabelle zu ändern.
  • Button 4 - fügt eine neue Tabellenzeile oberhalb der aktuellen Tabellenzeile ein.
  • Button 5 - fügt eine neue Tabellenzeile unterhalb der aktuellen Tebellenzeile ein.
  • Button 6 - entfernt die aktuelle Tabellenzeile.
  • Button 7 - fügt eine neue Tabellenspalte links von der aktuellen ein.
  • Button 8 - fügt eine neue Tabellenspalte rechts von der aktuellen ein.
  • Button 9 - entfernt die aktuelle Tabellenspalte.
  • Button 10 - trennt vereinte Tabellenteile.
  • Button 11 - vereint Tabellenteile.
  • Button 12 - fügt eine Trennlinie ein.
  • Button 13 - setzt Formatierungen zurück.
  • Button 14 - blendet Hilfslinien ein oder aus, wenn vorhanden.
  • Button 15 - tiefer gestellte Schrift an oder aus.
  • Button 16 - höher gestellte Schrift an oder aus.
  • Button 17 - öffnet einen Dialog zur Auswahl von Sonderzeichen aller Art.
  • Button 18 - öffnet einen Dialog mit einer Auswahl von Smileys, die man einfügen kann.
  • Button 19 - öffnet einen Dialog für eine Trennlinie.
  • Button 20 - erzeugt einen Blankoeintrag für Mininews
  • Button 21 - öffnet den LinkpfeilImagebrowser zum einfügen, hochladen von Images.
  • Button 22 - öffnet den Imagemanager - der normal nicht mitgeliefert wird, weil keine GPL Lizens.

Die vierte Toolbar

 

Die vierte Toolbars des Editors

  • Button 1 - erzeugt eine neue Ebene - Achtung Sie müssen genau wissen was sie tun !
  • Button 2 - schiebt die Ebene in den Vordergrund.
  • Button 3 - schiebt die Ebene in den Hintergrunf.
  • Button 4 - positioniert die Ebene absolut.
  • Button 5 - öffnet einen Dialog um lokale Style (CSS) für den markierten Textteil zu bearbeiten.
  • Button 6 - öffnet einen Dialog um eine Quellenangabe zu definieren - hat direkten Zugriff zur aktuellen CSS des Templates.
  • Button 7 - öffnet einen Dialog um eine Abkürzung zu definieren - hat direkten Zugriff zur aktuellen CSS des Templates.
  • Button 8 - öffnet einen Dialog um ein Akronym zu definieren - hat direkten Zugriff zur aktuellen CSS des Templates.
  • Button 9 - öffnet einen Dialog um Angaben zu einem entfernten Text zu machen.
  • Button 10 - öffnet einen Dialog um Angaben zu einem hinzugefügten Text zu machen.
 

Letzte Änderung auf dieser Seite am: 20.02.2008 17:39:26


Vorherige Seite: LinkpfeilConfig.php  | Nächste Seite: LinkpfeilImagebrowser