Remove all style attributes from HTML in PHP

Question

I have to load the body of an HTML page without any style attribute and no link images and everything that is not 'plain text. I would like to do it in PHP and tried very solution but I have not solved. I load the html page with an ajax call to my script and then with a regular expression I take the body that then I want this cleared. Can you help me? This is the ajax call:

$.ajax({
       type: "GET"
       url: "core/proxy.php?url="+cerca,              
       success: function(data){
       var body = data.replace(/^[\S\s]*<body[^>]*?>/i, "")
       .replace(/<\/body[\S\s]*$/i, "");
        $("div#risultato").html(body);
    },
      error: function(){
      alert("failed");
    }
    });
});

Doing what you describe is, in general, a complicated problem; it's not just a simple regular expression thing. — Pointy, Sep 03 '15 at 16:44
Always worth pointing out - http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454 — Professor Abronsius, Sep 03 '15 at 17:00
I have forgot that the html page are all articles of these links: http://www.dlib.org/dlib/november14/11contents.html , http://rivista-statistica.unibo.it/issue/view/467 . And for all other sites that i search i must display the body content. — Stefano Zaniboni, Sep 03 '15 at 18:02

score 2 · Answer 1 · answered Sep 03 '15 at 17:55

2

You could use jQuery to just get the text content of the body.

So, in your success function, you would take the data, convert it to a jQuery-object and insert the text in your div.

$('div#risultato').html($(data).find('body').text());

answered Sep 03 '15 at 17:55

Florian Grell

995
7
18

José Antonio Riaza Valverde · Answer 2 · 2015-09-03T18:48:25.997

1

You could clear style attributes, tag by tag, after insert the body:

function clearStyles(element) {
    element.setAttribute('style', '');
    for (var i = 0; i < element.children.length; i++) {
        clearStyles(element.children[i]);
    }
}

clearStyles(document.body);

http://jsfiddle.net/n9ocxa0g/

Or directly with jQuery:

jQuery('body *').attr('style', '');

edited Sep 03 '15 at 18:48

answered Sep 03 '15 at 18:26

José Antonio Riaza Valverde

747
1
9
15

Ok Thanks and for remove the links, tags and textbox? – Stefano Zaniboni Sep 04 '15 at 13:27
`jQuery('body a, body img, body input, body textarea').remove();` – José Antonio Riaza Valverde Sep 04 '15 at 13:47
Sorry but with the first function clearStyles when my variable body contains the body of the website i receive an error in setAttribute that safari tells me that is not a function and the second instruction not work. I copied and pasted your function in my js files and after my instruction data replace i call clearStyles(body). – Stefano Zaniboni Sep 04 '15 at 15:39
How do you get body? With `setAttribute()` you can't use `jQuery`, you should use `document.body` or `document.getElementsByTagName('body')[0]`. – José Antonio Riaza Valverde Sep 04 '15 at 15:50
Add an id to that div (eg `id="content"`) and call function `clearStyles(document.getElementById('content'));`. – José Antonio Riaza Valverde Sep 04 '15 at 16:13
HI this evening i will try it – Stefano Zaniboni Sep 05 '15 at 16:14

score 0 · Accepted Answer · answered Sep 05 '15 at 16:22

0

Jose Antonio Riaza Valverde I corrected but nothing changes:

$.ajax({
            //definisco il tipo della chiamata
            type: "GET",
            //url della risorsa da contattare
            url: "core/proxy.php?url="+cerca,
            //azione in caso di successo
            success: function(data)
            {
                var body = data.replace(/^[\S\s]*<body[^>]*?>/i, "")
                .replace(/<\/body[\S\s]*$/i, "");
                $("div#risultato").html(body);
                clearStyles(document.getElementById('risultato'));

            },
            //azione in caso di errore
            error: function()
            {
                alert("Chiamata fallita");
            }
    });
});

and the function:

function clearStyles(element) {
element.setAttribute('style', ' ');
element.setAttribute('img', ' ');
element.setAttribute('a', ' ');
for (var i = 0; i < element.children.length; i++) {
    clearStyles(element.children[i]);
}

}

answered Sep 05 '15 at 16:22

Stefano Zaniboni

43
1
7

Did you try with jQuery? `jQuery('body *').removeAttr('style');` and `jQuery('img, a').remove();` – José Antonio Riaza Valverde Sep 05 '15 at 17:00
i have tried but nothing to do. Maybe I'm wrong to use removeAttr method. I have used `jQuery('#risultato').removeAttr('style');` – Stefano Zaniboni Sep 09 '15 at 09:04
You must use `jQuery('#risultato *').removeAttr('style');` to apply it all children of `#risultato`. – José Antonio Riaza Valverde Sep 09 '15 at 13:24
No errors but nothing to do. I use jquery after .html instruction – Stefano Zaniboni Sep 09 '15 at 14:47
Can i use XPATH for select the node body from the html and apply a simple css? – Stefano Zaniboni Sep 11 '15 at 14:00
I have used the regular expressions, thanks for help – Stefano Zaniboni Sep 13 '15 at 14:35
Hi all i have solved, i have used goutte and x path for my project. Thank you! – Stefano Zaniboni Oct 21 '15 at 14:23

Remove all style attributes from HTML in PHP

3 Answers3