If I have a string like so:
Hi this is a photo of me <img src='myself.jpg' alt='pic of me' />. Another pic of me <img src='abc.jpg'/>
How can I turn that into:
Hi this is a photo of me (myself). Another pic of me (image)
Basically I want to remove all images from a string and replace them with their alt tag if it had one. If it doesn't it should say just 'image'.
I'd use a DOM parser instead of regex. Here's how:
loadHTML()getElementsByTagName() to get all the imagesalt attribute.
alt attribute, set the value of $replacement variable as the alt attribute. alt attribute, set the $replacement to (image). replaceChild() to replace the node with the newly created text node:Code:
$html = <<<HTML
Hi this is a photo of me <img src='myself.jpg' alt='pic of me' />
another pic of me <img src='abc.jpg'/>
HTML;
$dom = new DOMDocument;
$dom->loadHTML($html);
$images = $dom->getElementsByTagName('img');
$i = $images->length - 1;
while ($i > -1) {
$node = $images->item($i);
if ($node->hasAttribute('alt')) {
$replacement = '('.$node->getAttribute('alt').')';
}
else {
$replacement = '(image)';
}
$text = $dom->createTextNode($replacement."\n");
$node->parentNode->replaceChild($text, $node);
$i--;
}
echo strip_tags($dom->saveHTML());
Output:
Hi this is a photo of me (pic of me)
another pic of me (image)
alt attribute, it will now simply display the rest of the text. You can test it out yourself, btw.Something like this should work:
preg_match_all('/\<img[^\>]*\>/', $yourString, $matches);
foreach ($matches as $match)
{
$replacement = 'image';
if (preg_match('/alt=\'([^\']+)\'/', $match, $matches2))
$replacement = $matches2[1];
$yourString = str_replace($match, '('.$replacement.')', $yourString);
}
What it does: finds all img tags and gets them to $matches array. Cycles through them and looks for alt value. If one exists the IMG tag is replaces with (ALT VALUE) otherwise it's replaced with (image).
$matches[1] ? $matches[1] : 'image'alt=... stuff optional in the regexp so the if succeeds.