FCKeditor anpassen...

[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?

[pepe]

Die selben Klassen müssen auch in der frontend.css vorhanden sein, bzw. in der CSS-Datei, die im Template angezogen wurde!

[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

[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?

[pepe]

Fahr mal dein phpwcms runter... lösch den Cache und dann!

[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...

[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/

[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.

[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