HTML fixer

THIS PROJECT IS NO LONGER MANTAINED, YOU CAN USE THE SOURCE CODE IN YOUR PROJECT AS YOU WANT

LAST UPDATE: 06/07/2010
STOP bad html inserted by your clients or by the users of your community!

This PHP class lets you clean and repair html code. Here is a quick list of the magic things it can do (it’s really good when you don’t have the possibility to install the Html Tidy module of PHP).

WHAT IT DOES:

  1. delete closed tags without their opening tag
  2. fix open tag without close, closing them automatically
  3. check bad nesting and fix them (if you have a bold inside a bold… or a paragrah that contains a table…)
  4. fix bad quotes in attributes (open quotes where missing…)
  5. merge different styles attributes in the same tag
  6. remove html comments
  7. remove empty tags and more bad tags

How does it works?
it’s a bit complex to explain, it analyzes char by char the html code, detecting nodes, watching inside each node to fix quotes, attributes, and more and finding their closing tags. Save every node found and it’s inner content in a matrix.
And then it reads the matrix to re-build the fixed html.
The matrix stores open tags, closed tags and content and lets count the errors.

Watch a demo of the HTML FIXER CLASS with debug.
Watch a demo of the HTML FIXER CLASS with a textarea to insert dirty html code.
Download the class and the example.

HISTORY
NEW. version 2.05 date 06/07/2010
bug fixed on quotes by emmanuel (at) evobilis.com

version 2.04
added css style filter by Martin Vool

version 2.03
strips php code.

version 2.02
fixed a bug with non closing quotes.

Posted in

50 comments

  1. Pere

    Hi,

    I’m having the following problem with your class:

    Imagine that my string is:
    $string = “Etiam non massa sit amet lacus ultrices pulvinar id ultrices tellus. Proin ornare ante vel nibh adipiscing.”

    When I do a $string=substr($string,0,120) my $string contains:
    “Etiam non massa sit amet lacus ultrices pulvinar id ultrices tellus. Proin ornare ante
    <span style="color: rgb(1"

    When I try to fix this with your class it goes to an infinite loop. Any sugestion?

  2. alessio

    Nella tua demo online se scrivo semplicemente: ?>
    da il seguente warning che sarebbe meglio nascondere ;)
    Warning: preg_match() [function.preg-match]: Compilation failed: nothing to repeat at offset 0 in /web/htdocs/www.barattalo.it/home/examples/htmlfixer.class.php on line 363

    saluti da chicago

  3. Vinodkumar

    this class is not opening a tag, for the closed tags! Please let me know how we can do this?

  4. Martin Vool

    Hello, i added a little feature to this. It enables to set the allowed style attributes (I dont want the user to screw up the website font face or encoding etc… by pasting from word or similar).
    To add this feature i modifyed the code as follows:
    mergeStyleAttributes functions end:
    $check=explode(‘;’, $x);
    $x=”;
    foreach($check as $chk){
    foreach($this->allowed_styles as $as){
    if(stripos($chk, $as) !== False){
    $x.=$chk.’;';
    break;
    }
    }
    }
    if ($c>0) $s = str_replace(“##PUTITHERE##”,”style=\”".$x.”\”",$s);
    return $s;

    And added “public $allowed_styles;” to the class.
    To use it:
    $a = new HtmlFixer();
    $a->allowed_styles=array(‘font-weight’,'width’,'height’,'align’,'valign’,…);
    $str = $a->getFixedHtml(stripslashes($str));

    Can be easely rewritten to restrict only listed options…
    just put a ! in front of “stripos”

    Maybe you should write a strip_tags similar functionality also? (so to be able to allow/deny certain html tags? I could help you.

  5. Darren

    Hi,

    Great and useful script, was wondering, how to allow php to be included within the dirty html (but obviously ignored, so the php is not effected but the html is – so the php remains in the output), as im a beginner php user, and have a file containing both dirty html and php, extracting php and readding it is a tedious task!.

    Looking forward to your reply.

    Thanks

  6. Emmanuel

    Hi,

    It seems you class doesn’t work for html code with missing quote as follow:

    I checked your code, I found 2 possible issue:
    1- in function “fixQuotes”: you forgot to init the variable $q to “\”"

    private function fixQuotes($s) {
    $q = “\”";

    2- in function “fixTag”: you code will fix quote only for Tag that have a beginning quote
    “if (stristr($ar[$i],”=”) && !stristr($ar[$i],”=\”")) $ar[$i] = $this->fixQuotes($ar[$i]);”
    It hsould fix quote for any case:

    if (stristr($ar[$i],”=”)) $ar[$i] = $this->fixQuotes($ar[$i]);

    Ive tested it, it seems to work correctly. I let you check and amend your class.

    Cheers & thanks again for your class.

  7. Kim Steinhaug

    Great class, it really works very well. However I would argue some of your logic.

    Example:
    here we go!One more line

    Your class will kill the em as your logic denies em outside a P, resulting in this code:

    here we go!One more line

    However, given the fact that code might come from eg. TinyMVE or another WYSIWYG my example is a valid one and should produce the following code if fixed at all:

    here we go!One more line

    Killing the doesnt really fix anything, it accually destroys the presentation of the page.

    However, easy to prevent in your code however by just modifying the array for the p check. As I do not have had time to let your class sink into my brain yet, I havnt come up with my fix just disabled the fix. If I do, I will surely post it here!

  8. admin

    I’ve understood your problem, but I think it’s not easy to be fixed. If you modify the class tell me and send me the new code, I will update the class and add your name to the class’ developer.

  9. admin

    Hi Darren, I think that is necessary to detect the php start and end tag and work in a different way for that code. Not so simple I think. :) Let me know if you want to extend this class with that feature!

  10. Martin

    Very good. But I found problem with ordered and unordered lists. Example: Bad code with only opened tags “sometingother” it’s not working well, I got closing tags at end code instead of end every list item. See “sometingother”

  11. Bogdan Bratila

    Hello,
    If you have a string like this "Buna ziua,
    Multa sanatate si bucurii!!!"
    <p align="right"

    The result code breaks even more:
    Fixed code:"Buna ziua, Multa sanatate si bucurii!!!"

    So, if you have a tag that doesen’t end (like that p tag, or a span….), i don’t know why, but it brakes the code before that tag…..

  12. Bogdan Bratila

    So it seems I was wrong, it has nothing to do with an unclosed tag.
    If the tag has styles attached, then it brakes it.
    <span style=”font-size: 11pt; font-family: Arial; color: black;”>asdasd</span>
    The result is:
    <span style=”font-size:;” 11pt; font-family: Arial; color: black;”>asdasd</span>
    :D

  13. Carl

    Got an error with this

    fixedhtml should be fixedxhtml ???

    was getting duplication of the content when calling the getFixedHtml() method of the same object more than once.

    Think it just wasnt resetting the fixedxhtml variable at start of each call because of the naming.

  14. Ale.

    Ciao Giulio,
    non ho trovato alcun riferimento alla licenza di utilizzo di questa classe. Mi dai delucidazioni in merito?

    Grazie!

  15. diogo

    Excellent tool, almost perfect, very useful.
    But when using in this case, I request help:
    Original
    <img src="char.jpg" style="width: 378px; height: 378px;" alt="" />
    Result from Htmlfix
    <img src="char.jpg" style="width:;" 378px; height: 378px;" alt="" />

  16. Rafael

    Hi – I’m using your class for a little project of mine (see link above) and it works excellently except for one problem. The script is not respecting whitespace in tags. This is necessary according to the HTML specification. At the moment your script replaces all instances of whitespace with a single space. This means newlines, etc. are all “cleaned”. The “cleaning” is *too* efficient! :)

  17. sexytrends

    Your class does a good job with html tags however styles get all messed up as diogo wrote above. Guessing it’s your merge function that needs work.

  18. Snowbird

    Great script. Time saver.
    However I see that following is converted wrongly… See style definition

    TEST

    Fixed code:
    TEST

  19. Fredj A J

    HTML FIXER CLASS OUTPUT
    style=”position:relative;” font-size:50px; z-index:2;”>LAYER 1

    ORIGINAL CODE
    style=”position:relative; font-size:50px; z-index:2;”>LAYER 1

    I hope you could help me remove the double prime!.
    any help would be appreciated..

  20. Nemi

    It does not work. Try:
    <div style="width: 151px; display: none;" class="b
    You get:
    <div style="width:;" 151px; display: none;" class="b

  21. Simon

    Simple and easy! Love it. Now able to auto parse imported web pages with WAY LESS effort!! – Thanks!!!

  22. Torben

    Hey, great library. Can you please allow frameborder=”0″. This is xhtml 1.0 valid but the string gets half replaced.

    — htmlfixer.class.php (Revision xx)
    +++ htmlfixer.class.php (Arbeitskopie)
    @@ -86,7 +86,7 @@
    $t = preg_replace (
    array(
    ‘/borderColor=([^ >])*/i’,
    - ‘/border=([^ >])*/i’
    + ‘/ border=([^ >])*/i’
    ),

  23. Alaa

    Great Job ..
    I have my own HTML fixer but it is stupid so I want to re-build your code as a function not a class .. and join both codes together .
    it will be legal , wrong?