Split artikel op alle image tags

Door Snelle Jaap op 21-04-2016 13:42

2.597 views

Ik heb een artikel die ik split in 3en omdat de afbeeldingen in het artikel buiten de bootstrapbreedte moeten vallen (het artikel is de volle breedte binnen een wrapper, en de images in het artikel moeten de volledige breedte worden ook buiten de wrapper.

Dat ging prima door het artikel te splitten op een image tag, maar nu kan ik maar een afbeelding toevoegen.

Dit is wat ik nu heb in html formaat:

<?
<p>Part one of the article</p>
//Split op de img tag
<img src="#">
<p>Part two of the article</p>
?>

Maar wat ik dus wil dat mogelijk is, is dit:
<?
<p>Part one of the article</p>
//Split op de img tag
<img src="#">
<img src="#">
<img src="#">
<img src="#">
<p>Part two of the article</p>
?>

Op deze manier heb ik het eerste voorbeeld voor elkaar gekregen:

<?
<div class="container relative" style="padding: 0px;">
<div class="row">
<div class="col-sm-12">
<div class="blog-item mb-20 mb-xs-40">

<div class="blog-item-body">
<?
$introtext = $contenti[0]['introtext'];

$splitartikel = preg_split('/(<img[^>]+\>)/i', $introtext, -1, PREG_SPLIT_DELIM_CAPTURE);

echo $splitartikel[0];

?>
</div>
</div>
</div>
</div>
</div>

<div class="container-fluid relative" style="padding: 0px;">
<div class="row">
<div class="col-sm-12">
<div class="middleimage">
<?
echo $splitartikel[1];
?>
</div>
</div>
</div>
</div>

<div class="container relative" style="padding: 0px;">
<div class="row">
<div class="col-sm-12">
<div class="blog-item mb-20 mb-xs-40">

<div class="blog-item-body">
<?
echo $splitartikel[2];
?>
</div>
</div>
</div>
</div>
</div>
?>

Als ik nu meerdere img tags toevoeg dan pakt hij alleen de 1e, hoe kan ik ervoor zorgen dat de code het artikel split op welk aantal img tags dan ook?

De query mocht dat nodig zijn:

<?
// Articles
$content = "SELECT * FROM `lb_content` WHERE alias = '".$conn->real_escape_string($_GET['alias'])."' ";
$contentcon = $conn->query($content);
$contenti = array();
while ($contenti[] = $contentcon->fetch_array());
?>

Snelle Jaap

22-04-2016 10:47 gewijzigd op 22-04-2016 10:49

Ivo P op 22/04/2016 10:39:10

demo:
[ivo@server6 tmp]$ cat test.php
<?php
$string = 'abcXdefXghi';

$a = preg_split('#X#', $string);

print_r($a);
?>
[ivo@server6 tmp]$ php test.php
Array
(
    [0] => abc
    [1] => def
    [2] => ghi
)
In dit geval split ik op de letter X.
Die zie ik niet meer terug in het resulterende array.
Dus hoe kun jij dan (als je split op de images) de images nog in je resultaat hebben staan?

Dat is toch hoe split werkt?

Met mijn code heb ik de volgende array als ik $splitartikel print:

Array ( [0] => begin stuk van de tekst
[1] => Image
[2] => Stuk tekst na de image
)

Ik wil de images er ook niet uithalen, maar juist laten zien.

De reden dat ik dit doe is omdat de images buiten de wrapper moeten vallen van de tekst. Dat lukt met de code die ik heb, alleen als ik meerdere image tags toevoeg dan laat hij er maar 1 zien.

Ivo P

22-04-2016 10:53

bij mij niet.
Ik heb hem nog eens aangepast.
Krijg het alleen voorelkaar om bij 2 img achter elkaar een leeg array element te veroorzaken:


[ivo@server6 tmp]$ cat test.php && php test.php
<?php
$string = 'abc<img a><img c>def<img b>ghi';

$a = preg_split('#(\<img[^>]+\>)#', $string);

print_r($a);
?>
Array
(
    [0] => abc
    [1] =>
    [2] => def
    [3] => ghi
)

Snelle Jaap

22-04-2016 10:57

Ivo P op 22/04/2016 10:53:38

bij mij niet.
Ik heb hem nog eens aangepast.
Krijg het alleen voorelkaar om bij 2 img achter elkaar een leeg array element te veroorzaken:
[ivo@server6 tmp]$ cat test.php && php test.php
<?php
$string = 'abc<img a><img c>def<img b>ghi';

$a = preg_split('#(\<img[^>]+\>)#', $string);

print_r($a);
?>
Array
(
    [0] => abc
    [1] =>
    [2] => def
    [3] => ghi
)

Even gekeken op php.net en ik denk dat het ligt aan dit stuk:

PREG_SPLIT_DELIM_CAPTURE
If this flag is set, parenthesized expression in the delimiter pattern will be captured and returned as well.

Ivo P

22-04-2016 13:44

ik zag die parameter net nog staan. (stond wat buiten beeld).

Ik denk dat je beter af bent zonder die parameter


[ivo@server6 tmp]$ cat test.php && php test.php
<?php
$string = 'abc<img a><img c>def<img b>ghi';

$a = preg_split('#(\<img[^>]+\>)#', $string, PREG_SPLIT_DELIM_CAPTURE);

print_r($a);
?>
Array
(
    [0] => abc
    [1] => <img c>def<img b>ghi
)

je bent hiermee img A kwijt.

ik zou de split doen zonder de 3e parameter
en dan een extra preg_match_all() om alle afbeeldingen te verkrijgen.

Reageren

Inloggen om te reageren