PHP Manipulating HTML from string

Question

I'm reading in an HTML string from a text editor and need to manipulate some of the elements before saving it to the DB.

What I have is something like this:

<h3>Some Text<img src="somelink.jpg" /></h3>

or

<h3><img src="somelink.jpg" />Some Text</h3>

and I need to put it into the following format

<h3>Some Text</h3><div class="img_wrapper"><img src="somelink.jpg" /></div>

This is the solution that I came up with.

$html = '<html><body>' . $field["data"][0] . '</body></html>';

$dom = new DOMDocument();
$dom->loadHTML($html);

$domNodeList = $dom->getElementsByTagName("img");

// Remove Img tags from H3 and place it before the H# tag
foreach ($domNodeList as $domNode) {
    if ($domNode->parentNode->nodeName == "h3") {
        $parentNode = $domNode->parentNode;
        $parentParentNode = $parentNode->parentNode;

        $parentParentNode->insertBefore($domNode, $parentNode->nextSibling);
    }
}

echo $dom->saveHtml();

[ all you need is love ] php.net/manual/en/book.dom.php

pleasedontbelong
– pleasedontbelong

2011-09-15 15:47:08 +00:00
Commented Sep 15, 2011 at 15:47 — pleasedontbelong
– pleasedontbelong, Commented Sep 15, 2011 at 15:47

rrehbein · Accepted Answer · 2011-09-15 16:13:52Z

1

You may be looking for a preg_replace

// take a search pattern, wrap the image tag matching parts in a tag
// and put the start and ending parts before the wrapped image tag.
// note: this will not match tags that contain > characters within them,
//       and will only handle a single image tag
$output = preg_replace(
    '|(<h3>[^<]*)(<img [^>]+>)([^<]*</h3>)|',
    '$1$3<div class="img_wrapper">$2</div>',
    $input
);

edited Sep 15, 2011 at 16:13

answered Sep 15, 2011 at 16:00

rrehbein

4,1701 gold badge20 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

feeela Over a year ago

note2: this won't move the image out of the heading, better to use DOM here

rrehbein Over a year ago

Oops, missed that part of the question. Thank you.

tomoguisuru · Accepted Answer · 2011-09-19 14:15:54Z

1

I updated the question with the answer, but for good measure, here it is again in the answers section.

$html = '<html><body>' . $field["data"][0] . '</body></html>';

$dom = new DOMDocument();
$dom->loadHTML($html);

$domNodeList = $dom->getElementsByTagName("img");

// Remove Img tags from H3 and place it before the H# tag
foreach ($domNodeList as $domNode) {
    if ($domNode->parentNode->nodeName == "h3") {
        $parentNode = $domNode->parentNode;
        $parentParentNode = $parentNode->parentNode;

        $parentParentNode->insertBefore($domNode, $parentNode->nextSibling);
    }
}

echo $dom->saveHtml();

answered Sep 19, 2011 at 14:15

tomoguisuru

4021 gold badge6 silver badges14 bronze badges

Collectives™ on Stack Overflow

PHP Manipulating HTML from string

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related