Use regex to add prefixes to HTML classes & ID's?

Question

Kind of an add-on to: There a quick way to add prefixes to all CSS classes & ID's?

I need to find and replace strings like:

id="xyz"

to replace them to id="prefix_xyz"

This becomes tricky with:

class="one two three"

where they all still need a prefix. Any ideas? Thanks!

codinghorror.com/blog/2009/11/parsing-html-the-cthulhu-way.html "If you parse HTML with regex you are giving in to Them and their blasphemous ways which doom us all to inhuman toil for the One whose Name cannot be expressed in the Basic Multilingual Plane, he comes." — James Montagne
– James Montagne, Commented Aug 22, 2011 at 22:33

hakre · Accepted Answer · 2011-08-22 22:30:41Z

4

Do so by search and replace for all id and class values Demo:

$dom = new DomDocument();
$dom->loadHTML($html);
$xpath = new DomXpath($dom);

$res = $xpath->query('//@class|//@id');
foreach($res as $attr)
{
    $value = explode(' ', $attr->value);
    foreach($value as &$set)
    {
        $set = 'prefix_'.trim($set);
    }
    unset($set);
    $attr->value = implode(' ', $value);
}

echo $dom->saveHTML();

answered Aug 22, 2011 at 22:30

hakre

200k55 gold badges454 silver badges865 bronze badges

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

3 Comments

Brooklyn Nicholson Over a year ago

Seems to be doing strange things to my HTML as well as replacing.. <div class="prefix_cls"/> for example.

Brooklyn Nicholson Over a year ago

Any idea for the above issue?

hakre Over a year ago

What do you mean? Which issue? HTML in, HTML out. Which encoding are you using?

Collectives™ on Stack Overflow

Use regex to add prefixes to HTML classes & ID's?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related