Removing HTML atribute in PHP

Question

I have a HTML code like this:

<figure id="attachment_83" aria-describedby="caption-attachment-83" style="width: 300px" class="wp-caption alignnone">
    <img class="size-medium wp-image-83" src="https://sampleonly.com/wp-content/uploads/2020/01/my-picture-300x169.jpg"
        alt="" width="300" height="169"
        srcset="https://sampleonly.com/wp-content/uploads/2020/01/my-picture-300x169.jpg 300w, https://sampleonly.com/wp-content/uploads/2020/01/my-picture-1024x576.jpg 1024w, https://sampleonly.com/wp-content/uploads/2020/01/my-picture-768x432.jpg 768w, https://sampleonly.com/wp-content/uploads/2020/01/my-picture-1536x864.jpg 1536w, https://sampleonly.com/wp-content/uploads/2020/01/my-picture-1218x685.jpg 1218w, https://sampleonly.com/wp-content/uploads/2020/01/my-picture.jpg 1920w"
        sizes="(max-width: 300px) 100vw, 300px" />
    <figcaption id="caption-attachment-83" class="wp-caption-text">This is my picture text.</figcaption>
<figure>

i want to remove id, style, class etc. The final code like this:

<figure>
    <img src="https://sampleonly.com/wp-content/uploads/2020/01/my-picture.jpg"/>
    <figcaption>This is my picture text.</figcaption>
<figure>

is anybody here can help me? thank you before.

[Using regular expressions to deal with HTML is problematic.](https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454) Consider using a DOM parser instead for more reliable results. — Greg Schmidt, Jan 15 '20 at 03:09

score 1 · Accepted Answer · answered Jan 15 '20 at 03:02

Here is the preg replace that you can use to remove the attribute other than the required one.

$html = preg_replace("/(<img\\s)[^>]*(src=\\S+)[^>]*(\\/?>)/i", "$1$2$3", $html);
$html = preg_replace("/(<figure\\s)[^>]*[^>]*(\\/?>)/i", "$1$2$3", $html);
$html = preg_replace("/(<figcaption\\s)[^>]*[^>]*(\\/?>)/i", "$1$2$3", $html);

this will give you the output

<figure ><img src="https://sampleonly.com/wp-content/uploads/2020/01/my-picture-300x169.jpg"><figcaption >This is my picture text.</figcaption><figure>

Any specific reason for dow vote. because I found only this way to get this work — Amit Sharma, Jan 15 '20 at 03:44

score 1 · Answer 2 · answered Jan 15 '20 at 05:32

You can use below code Note: If you have include jquery then use only script otherwise use below jquery link

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script>
        $('figure,figcaption,img').removeAttr("id style class height width sizes   srcset aria-describedby");
    </script>

Removing HTML atribute in PHP

2 Answers2