Skip to content

baumannsven/oxid-hz-tinymce

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

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.

About

RTE für das Backend von OXID eSales

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published