Forum

[cukabeka]

Hallo!

Ich habe die Idee, automatisiert ein Layout zu erstellen, wie es auf etwa http://sz.de oder http://spiegel.de üblich ist, also Fließtext, der an Absätzen mit Bildmaterial aufgelockert ist.
Meine Vorstellung dabei ist, dass man im Modul den Volltext normal mit Textile eingibt. Außerdem wählt man eine Medienliste mit Bildern aus. Und jetzt kommt der Clou: Am 1./2./3. Absatz (<p>) wird automatisch ein Bild aus der Liste links/rechts alternierend eingefügt.

Woran ich derzeit hänge: Wie bekomme ich den Bildcode via PHP zwischen die Absätze geschoben?

Code: Alles auswählen

bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla
bla bla bla

[BILD 1] bla bla bla bla bla bla bl
bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bl [BILD 2]
bla bla bla bla bla bla bla bla bla



Hat jemand sowas schon mal gemacht?

Grüße und Danke!

[jeandeluxe]

Hat jemand sowas schon mal gemacht?

Ja, zwar nich in nem Magazinlayout, aber prinzipiell mache ich das immer so.. d.h. freies Positionieren eines Bildblocks(mit subline) innerhalb von Textile Text. Zwei Tricks: einmal mußt du dir - falls das Bild sublines haben soll - eine passende/valide HTML Struktur dafür ausdenken, und selbige injizierst du per Ersetzung ins geparste Textile.

hth,
Jan

[cukabeka]

Hm, sowas ähnliches habe ich schon mal gemacht, hatte ein Codewort "BILDIMTEXT" oder sowas, und das an der Stelle dann ersetzt. Der Nachteil bei der Methode ist halt, dass der Autor hier was machen muss. Ich will das komplett trennen, der Textile-geparste Code sollte nach <p>-Attributen durchforstet werden und davor das Element aus dem REX_MEDIALIST-array eingeworfen.

Das mit der CSS/HTML-Struktur ist klar, wenn auch nicht ganz so easy.

Mit RegEx hatte ich bisher keine guten Erfahrungen gemacht, darum bin ich auf der Suche nach einem automatischen "Injektor". Wie machen das denn die großen Portale? Wohl auch nicht viel anders, oder?

Ich hab kürzlich das hier gefunden, damit kann man theoretisch einen HTML-string gut manipulieren:

Code: Alles auswählen

include_once($REX['INCLUDE_PATH'].'/xtras/simple_html_dom.php');
$html = new simple_html_dom();
$html -> load($quellslice->getSlice());
            
foreach ($html->find('p') as $node) {
$node->innertext = $node->innertext.$medium; // $medium = aktuelles Element aus REX_MEDIA_LIST
}


Aber das jetzt flexibel mit einem foreach() von der Medialist zu verknüpfen, übersteigt meine PHP-Kunst.

[jeandeluxe]

Ich will das komplett trennen, der Textile-geparste Code sollte nach <p>-Attributen durchforstet werden und davor das Element aus dem REX_MEDIALIST-array eingeworfen.

Du hast tatsächlich je <p> block immer ein Bild? Wie willst du konktrollieren welches Bild in welchem Block landet?

Prinzipiell geht auch das, nur das du in dem Fall das HTML per regex parsen, und deine img-Blöcke an den Anfang eines jeden stellen mußt. Eine Alternative: verwendest du Markitup? Dann könnteste du dezidierte Buttons stricken, die einen <p> Block erzeugen und eines deiner Bilder zuordnen..

Das mit der CSS/HTML-Struktur ist klar, wenn auch nicht ganz so easy.

Ich hab mich vor Jahren mit mir auf folgendes inline Konstrukt geeinigt: <em><a><img></a>(<br>subline text)</em> .. semantisch akzeptabel, und eben inline, also valide innerhlab diversester Elemente einsetzbar. Für bessere Alternativen bin ich offen, das ist wie gesagt Jahre her und seitdem hab ich keinen Gedanken mehr dran verschwendet. ;-)

Mit RegEx hatte ich bisher keine guten Erfahrungen gemacht, darum bin ich auf der Suche nach einem automatischen "Injektor".

Xong hatte hier letztens ein schönes Zitat zu regex.. ;-) Prinzipiell würd ich sagen: die einfachere Lösung ist gern die beste. Mein persönlicher Tip: Markitup & dezidierten Button stricken..

Wie machen das denn die großen Portale? Wohl auch nicht viel anders, oder?

hell knows.. gibt viele Wege. ,)

hth,
Jan

[jeandeluxe]

Und... hast dus lösen können?

lg,
j.