Mambo - Editor

Aus Wikizone
Wechseln zu: Navigation, Suche

Einstellen der Hintergrund / Schriftfarbe mittels eigener CSS-Datei[Bearbeiten]

Je nach Editor gibt es verschiedene Möglichkeiten. Am komfortabelsten erstellt man ein eigenes CSS für den Editor speichert es im Template-Verzeichnis und bindet es ein:

(Quelle: http://www.joomlaportal.de/beta-howtos/20087-hintergrundfarbe-und-oder-schriftfarbe-des-editoreneingabefeldes-veraendern.html 16.05.2006)

mosCe Im Backend geht ihr auf den Menüpunkt components/Komponenten und ruft den Punkt mosCE Admin auf. Im mosCE Admin findet ihr die Editor Options. Dort tragt tragt ihr zunächst den Namen eurer CSS Datei im Punkt Custom CSS File ein (hier wäre das editor_css.css) und stellt sicher, das für den Punkt Override Template CSS "JA" ausgewählt wurde. Ihr solltest nun beim Aufruf des mosCe Editors ein weißes Feld mit schwarzer Schrift vorfinden.

--

tinymce Den Pfad zur CSS Datei für den tinymce könnt ihr in der Datei tinymce.php ändern. Diese Datei findet ihr im Ordner mambots/editors/. In der Zeile 88 verändert ihr den Pfad zu CSS Datei. Code:

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css.css"';


Für unseren Fall würden wir nun den Pfad ändern auf: Code:

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/editor_css.css"';

Auch hier solltet ihr nun beim Aufruf des tinymce Editors ein weißes Feld mit schwarzer Schrift vorfinden.

--

TMEdit Im Backend gibt es eine Parametereinstellung für diesen Editor. Mambots -> Site Mambots -> TMEdit -> Parameter: CSS Preview

Wird "NO" ausgewählt werden die Defaulteinstellungen verwendet. Diese sind in der tmedit.php im Ordner mambots/editors/ in Zeile 114 definiert. Code:

body {background: white; margin: 5px;} body, td, p {font-family: sans-serif; font-size: 12px;}

Wird "YES" ausgewählt wird die template_css.css des Templates verwendet. Den Pfad findet ihr in Zeile 110 in der Datei tmedit.php im Ordner mambots/editors/. Code:

config<?php echo $name ?>.pageStyle='@import url(<?php echo $mosConfig_live_site ."/templates/". $template ."/css/template_css.css";?>);' ;

Auch dort könnt ihr den Pfad anpassen, wenn ihr eine andere CSS Datei verwenden möchtet.

--

fckeditor: Der fckeditor verwendet standardmäßig ein eigenes CSS Dokument. Dieses findet sich im Ordner: mambots/editors/fckeditor/editor/css/ Die entsprechende Datei heißt: fck_editorarea.css Hier sind die Standardeinstellungen bereits so getroffen worden, dass keine Änderungen notwendig sein sollten. Möchte man aber auch hier eine andere CSS Datei einbinden, findet sich der Pfad in der Datei fckconfig.js in Ordner: mambots/editors/fckeditor/

Zeile 25: Code:

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;


-- Anmerkung: Stellt sicher, das ihr auch den "richtigen" Editor verwendet. So wurde z.B. die CSS Datei für den Editor richtig hochgeladen, alle Einstellungen im mosCE Admin richtig vorgenommen, aber trozdem waren keine Veränderungen im Editorfeld auszumachen. Der betroffene User verwendete dabei gar nicht den mosCE als Editor, sondern den tinymce. Stellt also vor allen Einstellungen sicher, dass im Backend in der Global Configuration im Punkt Default WYSIWYG Editor auch der Editor ausgewählt ist, mit dem ihr arbeiten möchtet. Zudem kann jedem Benutzer ein unterschiedlicher Editor zugewiesen werden. Beachtet also auch die Einstellungen im User Manager. Dort findet ihr in den Parameters/Parametern die Auswahl für den User Editor.