Brauche Hilfe bei preg_match | CSS im Newssystem

Zen5656 · #1 (**permalink**) 18.01.2007, 13:31

Moin

Ich habe vor einiger Zeit ein Newssystem gebastelt. Es wird Titel, Datum HTML und CSS eines Menüeintrages in eine DB abgespeichert und von dort eben wieder ausgelesen.

Html würde dann bei der Ausgabe ungefähr so aussehen:

Code:

<h3>Merry Christmas and Happy New Year</h3>
<div id="eintrag_29">
     <p class="lilatext">Ich bin ein lustiger Text</p>
     <img src="bla.jpg" alt="" />
     <a href="#">Ich bin ein Hyperlink</a>
<div>

Man beacht, dass nur der Inhalt vom div in der DB gespeichert war! Das mit der ID wurde automatisch generiert damit man dem Eintrag sein CSS zuweisen kann.

So und jetzt das CSS

Code:

.lilatext {
     color: #861D86;
}

img {
     display: block;
     margin: 0 auto;}

a { text-decoration: none

}

Ich habe die spitze Klammer in der Mitte absichtlich so geschrieben. Wenn ich jetzt auf einer Seite mehrere Newseinträge auslese muss ich verständlicherweise jedem <div id="eintrag_n"> sein CSS geben.

In der DB ist das aber nicht so abgespeichert. Darum muss ich den CSS String ändern. Und das ist jetzt schwer!

Vor jedem CSS Teil muss quasi #eintrag_n eingefügt werden. Beispielsweise #eintrag_29 a { text-decoration: none }

Aber wie finde ich diese Stellen. Stichwort preg_replace. Der einfachste hinweis ist ja die Spitze Klammer:

Regel: Finde { im string. Dann gehe soweit nach vorne bis du den [Zeilenumbruch] findest. Diesen ersetzt du dann mit [Zeilenumbruch].'#eintrag_n '

Ok Aber wie geht das? Kann mir da bitte jmd den Regex-Code schreiben oder zumindest hilfen geben? Ich bin sonst ziemlich verloren!

Vielen Dank

MfG Zen

Edit:

Ich weiß das Regex nicht wirklich ein angenehmes Thema ist.

Also man muss eigentlich folgedendes Ding suchen:

[Zeilenanfang][irgend ein string][{]

Und dann mit [Zeilenanfang]$neu[irgend ein string][{] ersetzen.

Kann mir da bitte mal jmd helfen?

Danke

MfG Zen

Ernie · #2 (**permalink**) 18.01.2007, 13:53

Moin,

warum weist du den Eintrag divs nicht direkt eine Klasse zu, oder soll jede id andere Styles haben?

Zen5656 · #3 (**permalink**) 18.01.2007, 13:54

Jede ID andere Styles. Und zwar das CSS das auch in der DB bei dem Eintrag abgespeichert ist.

The Doc · #4 (**permalink**) 18.01.2007, 14:39

Gesetz dem Fall, du lässt wirklich nur so "leichte" Selektoren zu, und nicht etwa etwas wie

Code:

a,
b, c d e {
 ...
}

Dann geht das doch ganz einfach:

PHP-Code:


			
<?php
$str = '.lilatext {
    color: #861D86;
}
img {
    display: block;
    margin: 0 auto;
}
a {
    text-decoration: none
}';
$id = '#eintrag_29';

# remove empty lines
$str = preg_replace('#\n(\s*\n)+#',"\n",$str);
# add id
$str = preg_replace('#^[^\{\}]+\{$#m',$id.' $0',$str);

echo $str;
?>

Das lässt sich sicher auch noch recht einfach ausbauen, dass man kompliziertere Selectoren unterstützt.

inta · #5 (**permalink**) 18.01.2007, 14:39

Hm, gute Gelegenheit um mal zu schauen was man noch so in Sachen regexp drauf hat

PHP-Code:


			
preg_replace('/\n?.+\{{1}/m', '#bla $0', $style);

Das sollte das tun, was du haben willst. "#bla" muss natürlich durch die entsprechende Klasse mit der ID ersetzt werden.

Zur Erklärung:
\n = newline, das würde also mit Unix- und Windowszeilenumbrüchen hinhauen
? = 0 oder 1 mal das vorangegangene Zeichen (in diesem Fall newline)
. = beliebiges Zeichen außer newline
+ = das 1 mal oder öfter vorkommt
\{ = die hübsche Klammer (escaped, da es ein besonderes Zeichen ist)
{1} = kommt genau 1 mal vor

$0 = referenziert auf die Übereinstimmung mit dem Suchmuster

Mehr gibts hier zu lesen:
PHP: Pattern Syntax - Manual

Edit:
Da war wohl jemand schneller... und ich hab Kommaseparierte Zuweisungen außen vor gelassen.

Thaliada · #6 (**permalink**) 18.01.2007, 14:41

Code:

$arr_css = file($deineCssDatei); // Css Datei Zeilenweise in Array einlesen

for ($i = 0; $i < count($arr_css); $i++) {
echo preg_replace('%(.*?)\{(.*?)%', "#eintrag_".$eintragNr." \\1 { \\2\n", $arr_css[$i]); // Wenn { vorhanden entsprechend ersetzen.
}

Geht sicher auch eleganter und einfacher, sollte so aber imo funktionieren.

Zen5656 · #7 (**permalink**) 18.01.2007, 14:56

Haha ihr seit ja lustig. Ich Drück schon die ganze Zeit hier F5 und dann in drei Minuten drei Posts

@TheDoc
Ok das ist natürlich auch eine möglichkeit. Allerdings verliert dann mein Code an übersichtlichkeit/Strukturierung. Und was ist, wenn garkeine leere Zeile vorhanden ist? => Script funktioniert nicht.

@Thaliada
Kann ich das dann wieder zu einem einfach string zurückwandeln das mit echo ausgegeben werden kann?

@inta

Joa das sieht gut aus

) Leider wird das #bla dann vor dem Zeilenumbruch geschrieben. Brauche es aber dahinter.

Sieht so aus:

Code:

FOOBAR .lilatext {
    color: #861D86;
}
FOOBAR 
img {
    display: block;
    margin: 0 auto;
}
FOOBAR 
a {
    text-decoration: none
}

Also wie Trenne ich [Zeilenanfang] und [irgend ein string {]?

Danke für eure Hilfe

MfG Zen

inta · #8 (**permalink**) 18.01.2007, 15:11

So, jetzt passt das mit dem Zeilenumbruch und es rafft auch Kommata, nur leider noch nicht wenn sie in einer Zeile stehen.

PHP-Code:


			
preg_replace('/(^|\n){1}(.+(\{|,){1})/m', '#bla $2', $style);

Zen5656 · #9 (**permalink**) 18.01.2007, 15:15

Wow du hast es echt drauf *neidisch*

Ok und wie krieg ich jetzt die Zeilenumbrüche wieder vor #bla

Und warum wären Komma ein Problem gewesen? *. macht doch angeblich alles außer Zeilenumbruch?

MfG Zen

Edit: was macht /m am Schluß?

inta · #10 (**permalink**) 18.01.2007, 15:40

Das "m" steht für multiline, der eigentlich reguläre Ausdruck steht zwischen den Slashes (/).

Also bei mir sind die Zeilenumbrüche noch vorhanden... Poste sonst nochmal den aktuellen Code, ich kanns nicht nachvollziehen.

Woran es mit dem Komma hakt weiß ich grad auch nicht. Da steh ich aufm Schlauch.
So gut bin ich darin nu auch wieder nicht

Die anderen haben auch funktionierende Lösungen abgeliefert. (Die es eventuell sogar besser tun? Ich habe es nicht ausprobiert.)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hilfe bei CSS Desing Umsetzung.	Frosti1986	CSS	7	27.02.2010 13:08
Brauche Hilfe...	steeeefiii	CSS	13	04.09.2009 22:41
absoluter css neuling braucht hilfe wegen bullets	ben2308	CSS	10	02.08.2009 12:45
Hilfe bei gesamten CSS Layout	mexxat	CSS	0	22.08.2007 13:40
CSS Newbee braucht Hilfe :(	Duodeviginti	CSS	6	17.11.2004 09:54