TinyMCE 3.5.8 + KCFinder + ACE

Das Modul fügt beliebigen Feldern einen Schalter hinzu der es erlaubt den TinyMCE für diese Feld zu aktivieren bzw. zu deaktiviern. Ebenso ist ein Dateibrowser oder der ACE-Editor möglich.

Das ist praktisch wenn man eigene Felder im Template verwendet. Man braucht dann dort nichts mehr rumfummeln, sondern stellt einfach über das Modul ein, dass diese Feld ein RTE sein soll.

Das Modul ist standardmäßig für Artikel, CMS-Seiten, Newsletter, Kategorien, Links, Nachrichten, Zahlungsarten, Aktionen, Auswahllisten, Rabatte und Attribute verfügbar. In einigen der Templates muß man natürlich erst noch entsprechende Eingabefelder platzieren.

Modul Einstellungen Selektoren

Das Modul bindet die Mootools ein. Wie die Notierungen sein müssen findet man hier: http://mootools.net/docs/core/Slick/Slick

Die Selektoren werden Zeilenweise interpretiert. Man kann also

Selektor1,Selektor2

oder

Selektor1
Selektor2

notieren, beides funktioniert.

Beispiel für z.B. den tinyMCE

#editor_oxarticles__oxlongdesc
[name="editval[oxarticles__oxtitle]"]

Macht den tinyMCE bei den Artikel-Stammdaten für die Felder "Titel" und "Beschreibung" verfügbar.

[type="text"],textarea

Würde für alle einzeiligen und mehrzeiligen Eingabefelder treffen (sieht witzig aus, mach mal.)

Für das anfügen des Dateibrowsers oder des ACE an Felder muß man analog vorgehen. Beim ACE ist es allerdings im Moment nicht möglich das er getoggelt werden kann.

Modul-Einstellungen TinyMCE

Webseite: http://www.tinymce.com

1. Sprache für Editor

   Nur "en" oder "de" möglich, wenn eine andere Sprache eingestellt werden soll muß man die Sprachdateien von tinymce.com runterladen.

2. Selektoren für Felder

   Wie beschrieben

3. URL Stil

   Nicht aktiv Eingestellt sind relative URLs wie z.B. "out/files/bild.jpg". Dies kann man im Moment über die Parameter-Einstellungen ändern.

4. Basis URL

   Nicht aktiv Die Basis URL wird vom Editor benötigt um Bilder richtig zu referenzieren. Der Editor läuft im /admin/ wärend die relativen Pfade auf "out/files" zeigen. Das hätte zur Folge, dass im Backend im Editor die Bilder nicht angezeigt werden. Die "Basis URL" wird den Pfaden Editor-Intern angefügt um die "fehlerhafte" Referenzierung auszugleichen.

5. Parameter für den Editor

   Eine komplette Liste aller Einstellungen finden man hier: http://www.tinymce.com/wiki.php/Configuration3x

   Parameter können in dem Feld einfach geändert oder neue eingefügt werden. Bei der Notierung darauf achten, dass die Werte zu den Paramter genau wie hier notiert an das Script übergeben werden, Zeichenketten sollten also inkl. der Anführungszeichen eingegeben werden. Boolsche oder numerische Werte benötigen keine Anführungszeichen.

   Beispiele

    Erstens  => 'Zeichenkette'
    Zweitens => true
    Drittens => 5
    

   URL-Einstellungen für Absolute URL "/out/files/bild.jpg"

    relative_urls      => false
    remove_script_host => true
    

   URL-Einstellungen für vollen URI "http://www.domain.tld/out/files/bild.jpg"

    relative_urls      => false
    remove_script_host => false
    

   Befindet man sich in einem Sub-Verzeichnis wie "/shop/admin" bzw. "/shop/" sollte man mit dem Parameter "document_base_url" spielen z.b. '/shop/' als Wert benutzen.

6. Formatvorlagen

   Stilvorlagen für das Pulldown "Format"

   Weitere Infomationen hier: http://www.tinymce.com/wiki.php/Configuration3x:style_formats

Einstellungen Dateibrowser

Webseite: http://kcfinder.sunhater.com

1. Basisverzeichnis

   Nicht aktiv Das Basisverzeichnis des Browsers, die Voreinstellung ist "/out/". Dies erzeugt im "out" Verzeichnis ein weiteres Verzeichnis "files". Dort liegen dann die Dateien die über den Browser hochgeladen werden.

2. Sprache für Browser

   Nicht aktiv

3. Selektoren für Felder

   wie beschrieben.

4. URL Stil

   Nicht aktiv Die URL ist so gestaltet wie in den Einstellungen im Editor festgelegt.

5. Zusätzliche scripte

   Nicht aktiv und wird wieder entfernt. Eigene Script kommen in die custom.js

Einstellungen ACE Code-Editor

Webseite: http://ace.ajax.org/ Themes und Modes: http://ace.ajax.org/build/kitchen-sink.html

1. Selektoren für die Felder

   wie beschrieben.

2. Modus

   Name des Modus der verwendet werden soll (Syntax Hervorhebung).

3. Theme

   Name des Themes das verwendet werden soll.

Eigene Scripte

Eigene Javascripts können in der Datei "/out/src/js/custom.js" notiert werden.

Achtung Bug

Wenn man über den Browser Dateien per Drag&Drop hochläd, passiert es irgendwann, dass die Datei(en) doppelt oder gar mehrfach hochgeladen werden. Wenn der Browser neu aufgerufen wird ist der Effekt wieder verschwunden.