Code einbinden mit <style> im fckeditor a la peperkorn

Post non-phpwcms related topics here - but I don't want to see "hey check this or that other cms". Post if you have a point or worthwhile comment, don't post just to increase you post count!
Post Reply
Buletti
Posts: 43
Joined: Tue 27. Sep 2005, 10:51
Location: Hamburg / Berlin / Germany

Code einbinden mit <style> im fckeditor a la peperkorn

Post by Buletti »

Ich komme irgendwie mangels meiner unwissenheit nicht mehr weiter.

Ich habe den fckeditor so verändert, dass er ein STYLE-Feld hat.
siehe dazu: http://www.peperkorn-online.de/fckeditor.phtml

Nun habe ich den Wunsch eine art Infobox erscheinen zu lassen die über dieses Stylefeld anwählbar ist.

Die Infobox mit folgendem HTML-Code zeigt eine box mit abgerundeten Ecken:

Code: Select all

<div class="rbroundbox">
            <div class="rbtop">
            <div>&nbsp;</div>
            </div>
            <div class="rbcontent">
            <p>Hier steht der Text</p>
            </div>
            <!-- /rbcontent -->
            <div class="rbbot">
            <div>&nbsp;</div>
            </div>
            </div>
            <!-- /rbroundbox -->


Die Box könnt ihr hier sehen:
http://test.softrocker.org/

Um diese Box zu erstellen wurden im frontend.css folgende einträge erzeugt:

Code: Select all

.rbroundbox { background: url(/picture/nt.gif) repeat;}
.rbtop div { background: url(/picture/tl.gif) no-repeat top left; }
.rbtop { background: url(/picture/tr.gif) no-repeat top right; }
.rbbot div { background: url(/picture/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/picture/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 0px; background-color: #B4C5B8;}
.rbroundbox { width: 100%; margin: 1em auto; }
Nun möchte ich aber nicht den HTML-Code der Box immer im editor eingeben, sondern dass dies ein Style element erledigt.
Dazu habe ich im fckstyles.xml folgendes angelegt:

Code: Select all

<Style name="Info Kasten" element="div">
<Attribute name="class" value="info" />
</Style>
in der .css datei wird dann ja die
.info angesteuert.

Kann man mittels der .info irgendwie den html-Code der box einfügen ?

Geht das irgendwie ?

Bin für jede anregende Antwort äußerst dankbar.
Top
User avatar
pico
Posts: 2595
Joined: Wed 28. Jul 2004, 18:04
Location: Frankfurt/M Germany
Contact:
Contact pico

Post by pico »

Hi

versuch doch mal die Template-Funktion des FCK's zu nutzen :wink:
Lieber Gott gib mir Geduld - ABER BEEIL DICH
Horst - find me at Musiker-Board
Top
Buletti
Posts: 43
Joined: Tue 27. Sep 2005, 10:51
Location: Hamburg / Berlin / Germany

Post by Buletti »

Danke sehr hat 1a geklappt.

Das ist ja genau das was ich gesucht habe.

ich muss ja sagen, dass ich langsam von phpwcms sehr übrzeugt bin.
Großes Lob

Trotzdem kann ich mit dem neuen FCK-Pico editor kein Styles-Dropdown erstellen, wie bei peperkorn.de beschrieben.

Wenn ich der fckonfig.js das 'style'-feld hinzufüge lädt der editor nicht mehr hoch.
Auch nicht nach cache löschen und erneut booten.

das wäre doch so schön wenn das klappen könnte.
Top
Buletti
Posts: 43
Joined: Tue 27. Sep 2005, 10:51
Location: Hamburg / Berlin / Germany

Post by Buletti »

Also ich muss nun noch was loswerden.

Ich hab nun im alten FCkeditor die Templates aktiviert, und vor allem kann ich jetzt eigene templates erstellen.

Denn jetzt kann ich alles was ich will.

Styles-Vorlagen und Templates.

Big up !

Sehr sehr glücklich.

Nachdem ich heute schon fast meinen Computer zerhackt hätte.
Top
User avatar
pico
Posts: 2595
Joined: Wed 28. Jul 2004, 18:04
Location: Frankfurt/M Germany
Contact:
Contact pico

Post by pico »

Hallo
Trotzdem kann ich mit dem neuen FCK-Pico editor kein Styles-Dropdown erstellen,
also da machst du irgendwas falsch !?

habe das jetzt auch nochmal ausgetestet und es geht!
Folgende Änderungen waren dazu nötig:

1. in die ToolbarSets in der fckconfig.js muss der Button 'Style' rein - und zwar in die "phpwcms" und in die "NewToolbarClose"

Code: Select all

	['Style','FontFormat'],'-',['FontName','FontSize'],['About']
2. die fckstyles.xml muss editiert werden

Code: Select all

<Styles>
	<Style name="Image LINKS Rand 0" element="img">
		<Attribute name="style" value="padding: 5px; margin-right: 5px" />
		<Attribute name="border" value="0" />
		<Attribute name="align" value="left" />
	</Style>
	<Style name="Image LINKS Rand 1" element="img">
		<Attribute name="style" value="padding: 5px; margin-right: 5px" />
		<Attribute name="border" value="1" />
		<Attribute name="align" value="left" />
	</Style>
	<Style name="Image RECHTS Rand 0" element="img">
		<Attribute name="style" value="padding: 5px; margin-left: 5px" />
		<Attribute name="border" value="0" />
		<Attribute name="align" value="right" />
	</Style>
	<Style name="Image RECHTS Rand 1" element="img">
		<Attribute name="style" value="padding: 5px; margin-left: 5px" />
		<Attribute name="border" value="1" />
		<Attribute name="align" value="right" />
	</Style>
	<Style name="Code" element="span">
		<Attribute name="class" value="articleCode" />
	</Style>
	<Style name="Artikel-Titel" element="span">
		<Attribute name="class" value="articleHead" />
	</Style>
	<Style name="Artikel-Untertitel" element="span">
		<Attribute name="class" value="articleSubHead" />
	</Style>
	<Style name="Artikel-Schlagtext" element="span">
		<Attribute name="class" value="articleSummary" />
	</Style>
	<Style name="Inhalts-Titel" element="span">
		<Attribute name="class" value="contentHead" />
	</Style>
	<Style name="Inhalts-Untertitel" element="span">
		<Attribute name="class" value="contentSubHead" />
	</Style>
	<Style name="v09" element="span">
		<Attribute name="class" value="v09" />
	</Style>
	<Style name="v10" element="span">
		<Attribute name="class" value="v10" />
	</Style>
	<Style name="v11" element="span">
		<Attribute name="class" value="v11" />
	</Style>
	<Style name="v12" element="span">
		<Attribute name="class" value="v12" />
	</Style>
	<Style name="v13" element="span">
		<Attribute name="class" value="v13" />
	</Style>
	<Style name="v14" element="span">
		<Attribute name="class" value="v14" />
	</Style>
	<Style name="Flaeche" element="div">
		<Attribute name="class" value="flaeche" />
	</Style>
	<Style name="RahmenLinie" element="div">
		<Attribute name="class" value="rahmen" />
	</Style>
	<Style name="Kasten" element="div">
		<Attribute name="class" value="kasten" />
	</Style>
	<Style name="Image on Left" element="img">
		<Attribute name="style" value="padding: 5px; margin-right: 5px" />
		<Attribute name="border" value="2" />
		<Attribute name="align" value="left" />
	</Style>
	<Style name="Image on Right" element="img">
		<Attribute name="style" value="padding: 5px; margin-left: 5px" />
		<Attribute name="border" value="2" />
		<Attribute name="align" value="right" />
	</Style>
	<Style name="Custom Bold" element="span">
		<Attribute name="style" value="font-weight: bold;" />
	</Style>
	<Style name="Custom Italic" element="em" />
	<Style name="Title" element="span">
		<Attribute name="class" value="Title" />
	</Style>
	<Style name="Code" element="span">
		<Attribute name="class" value="Code" />
	</Style>
	<Style name="Title H3" element="h3" />
	<Style name="Custom Ruler" element="hr">
		<Attribute name="size" value="1" />
		<Attribute name="color" value="#ff0000" />
	</Style>
</Styles>
zu sehen ist das ganze hier

zu beachten ist, dass z.B. der Style "Image LINKS Rand 0" nur auf ein Bild angewendet werden kann.
Lieber Gott gib mir Geduld - ABER BEEIL DICH
Horst - find me at Musiker-Board
Top
Buletti
Posts: 43
Joined: Tue 27. Sep 2005, 10:51
Location: Hamburg / Berlin / Germany

Post by Buletti »

Also ich hab jetzt mal die Dateien mit dem Dreamweaver geöffnet und editiert. Vorher mit dem Notepad.

Jetzt geht alles einwandfrei.

War wohl vorher irgendein Zeichenfehler.

Allerdings lädt der FCKEDITOR nicht beim Internet Explorer 6.0 hoch.

Nehme mal an das das sonst funktioniert.

Werde nochmal das Forum durchsuchen.

Danke aber erstma für die Hilffe
Top
Matze
Posts: 73
Joined: Sat 6. Aug 2005, 14:35
Location: Mosbach, Germany
Contact:
Contact Matze

Post by Matze »

1. in die ToolbarSets in der fckconfig.js muss der Button 'Style' rein - und zwar in die "phpwcms" und in die "NewToolbarClose"
Code:
['Style','FontFormat'],'-',['FontName','FontSize'],['About']


ich kann die "newtoolbarclose" nicht finden (phpwcms hab ich gefunden und geändert)

bin ich blind trotz 4 augen :roll:
Greetz

::::.... Matze ....::::
Top
Buletti
Posts: 43
Joined: Tue 27. Sep 2005, 10:51
Location: Hamburg / Berlin / Germany

Post by Buletti »

ich kann die "newtoolbarclose" nicht finden
Ich hab das grad nicht vor augen, aber wenn du den FCKEditor benutzt der schon in der phpwcms.zip mit drin ist, kannst du auch gar nicht newtoolbarclose finden.

Denn dieser befehl bezieht sich auf ein Fenster, das du aufmachen kannst, damit der editor im eigenen fenster groß geöffnet wird.
Und das ist soweit ich weiß nur in der fckeditor 2.1 picos edition vorhanden.
und das kannst du dort auch nicht übersehen.

lade dir also den neuen fckeditor runter.
such mal hier im forum nach picos edition, dann findest du das.
solltest du auch machen, denn der ist wirklich besser - muss ich sagen.

Gruß
Top
Post Reply

Return to “General Discussion”