Page 1 of 1

FCKeditor anpassen...

Posted: Tue 26. May 2009, 20:57
by spielplan
Hallo zusammen,

ich möchte den FCKeditor mir eigenen Stilen erweitern.
Dazu gibt es auch eine Menge Hinweise und Anleitungen.

Die fckconfig.js muss entspelchend geändert werden, z.B.:

Code: Select all

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + '../../../../template/inc_css/screen/meine_fck_editor.css' ;
meine_fck_editor.css:

Code: Select all

.meine_box {
    padding: 15px;
    border: 1px solid #000000;
    background-color: #888888;
}
Nun muss man noch die Datei fckstyles.xml entsprechend erweitern:

Code: Select all

<Style name="Tolle Box" element="div">
        <Attribute name="class" value="meine_box" />
</Style>
Jetzt das ganze hochladen und den Browsercache löschen.
Und es geht nicht.

Was mache ich falsch?

Re: FCKeditor anpassen...

Posted: Tue 26. May 2009, 21:24
by pepe
Die selben Klassen müssen auch in der frontend.css vorhanden sein, bzw. in der CSS-Datei, die im Template angezogen wurde!

Re: FCKeditor anpassen...

Posted: Tue 26. May 2009, 21:45
by update
das passt schon! Besser wäre es, sie wären in der "meine_fck_editor.css" und es wäre der richtige Pfad ;) (ist diese Datei denn in template/inc_css/screen/ ?)
Und diese css-Datei muss (siehe pepe) natürlich auch in der Vorlage geladen werden!
Sollst mal sehen, wie das dann flutscht! Davon kriegst Du dann den Hals nicht mehr voll :lol:

Re: FCKeditor anpassen...

Posted: Wed 27. May 2009, 15:07
by spielplan
Funktioniert bislang noch nicht. Daher noch eine Verständnisfrage.
Damit der Stil im FCK-Editor im Drop-Down-Menü angezeigt wird,
muss man doch erstmal nur die fckstyles.xml erweitern?

Es gibt ja z.B. die beiden Stile „Marker: Yello“ und „Marker: Green“.
Wenn ich aus der fckstyles.xml diese beiden Stile lösche

Code: Select all

<Style name="Marker: Yellow" element="span">
		<Style name="background-color" value="Yellow" />
	</Style>
	<Style name="Marker: Green" element="span">
		<Style name="background-color" value="Lime" />
	</Styl
erscheinen diese beiden Stile weiterhin zu Auswahl. Also wird die
fckstyles.xml doch gar nicht ausgewertet. Oder?

Re: FCKeditor anpassen...

Posted: Wed 27. May 2009, 15:41
by pepe
Fahr mal dein phpwcms runter... lösch den Cache und dann!

Re: FCKeditor anpassen...

Posted: Thu 28. May 2009, 07:21
by spielplan
Also, ich habe mal die fckstyles.xml gelöscht, um festzustellen,
ob diese Datei bei mir wirklich Verwendung hat. Danach habe
ich den Rechner neu gestartet, den Cache mit cc-Cleaner und
ClearProg gelöscht.

Keine Veränderung.

Dieses Prozedere habe ich im laufe des Tages noch ein paar
mal wiederholt. Es ging einfach nicht.

Heute morgen hat mir der FF dann wenigsten dann die
Fehlermeldung gebracht, das die Datei nicht gefunden
werden kann.

Jetzt ist klar, die Datei wird verarbeitet.

Aber wo zum Teufel versteckt sich der Cache? Ich habe den Rechner
neu gestartet und vor dem Starten von FF dessen Cache gelöscht.
Was soll ich denn noch machen. Ich kann doch nicht jedesmal eine
Nacht warten, bis der vorhandene Cache (wo auch immer der sein mag)
abgelaufen ist und der FF sich überlegt, er könnte jetzt ja mal wieder
eine neue Version laden.

Confused...

Re: FCKeditor anpassen...

Posted: Thu 28. May 2009, 15:00
by pepe
Hast du im FF mal diese Erweiterung installiert... die kann "Leben retten"... zumindest hilft sie aber beim Entwickeln und Experimentieren seeehr ;-)

http://www.erweiterungen.de/detail/Web_Developer/

Re: FCKeditor anpassen...

Posted: Sun 31. May 2009, 21:52
by santscho
Check mal, ob Du wirklich richtig vorgegangen bist

1. In der Datei fckconfig.js den Pfad zu Deiner CSS anpassen:

Code: Select all

FCKConfig.EditorAreaCSS = FCKConfig.BasePath + '../../../../template/inc_css/screen/content.css' ;
2. Stil in der CSS definieren (in meinem Fall in "content.css")

Code: Select all

.codeschnippsel {
	color: purple;
	font: bold 105% "Courier New", Courier, mono;
}
3. Stil in "fckstyles.xml" integrieren

Code: Select all

	<Style name="Codeschnippsel" element="span">
		<Attribute name="class" value="codeschnippsel" />
	</Style>
Wichtig dabei: Wenn der CSS-Code als Klasse definiert ist (.xxxxx) muss der Attribut-Name "class" lauten. Ist der CSS-Code eine ID (#xxxxxx) muss der Attribut-Name "id" lauten.

4. Nicht benötigte Inline-Stile würde ich vorerst nich löschen, sondern ausschliessen:

Code: Select all

	<!--
	# These are core styles available as toolbar buttons.

	<Style name="Bold" element="b">
		<Override element="strong" />
	</Style>
	<Style name="Italic" element="i">
		<Override element="em" />
	</Style>
	<Style name="Underline" element="u" />
	<Style name="Strikethrough" element="strike" />
	<Style name="Subscript" element="sub" />
	<Style name="Superscript" element="sup" />
	-->
5. Browsercache löschen. Refresh

6. Vermutlich findest Du noch Stile, die Du nicht haben möchtest (z.B. Red Title). Dieser ist zum Beispiel NICHT in "fckstyles.xml" zu finden, sondern in "fckconfig.js". Dort löschen.

Re: FCKeditor anpassen...

Posted: Mon 1. Jun 2009, 08:08
by spielplan
Ich habe dieses Problem einige Tage liegen lassen.
Jetzt habe ich es nochmal mit Eurer Hilfe und Euren
Tipps probiert und jetzt geht es wunderbar.

Komischerweise gibt es jetzt auch keine Cacheprobleme
mehr. So richtig nachvollziehen kann ich das eigentliche
Problem nicht.

Aber Hauptsache, es geht jetzt!

Vielen Dank für Eure Hilfe!
Detlef