Giter Club home page Giter Club logo

htmldiff's Introduction

HtmlDiff

A PHP5 library that diffs (compares) HTML files.

This library is actually a transfer of the daisy-diff library for PHP, found here for gitgub, meeting the PSR-0 standards. The library was developped in 2008 and is used today by many wiki platforms (wikipedia, wikihub, gamepedia, etc). It is part of code of the MediaWiki package.

Setup

Requirements

  • PHP >=5.3.0
  • Pimple 1.0.*
  • Silex 1.0.*

Installation

The easiest way to install HtmlDiff is using Composer with the following requirement:

    {
        "require": {
        	...
            "icap/html-diff": ">=1.0.1"
        }
    }

Alternatively, you can download the archive and add the src/ folder to PHP's include path:

    set_include_path('/path/to/src' . PATH_SEPARATOR . get_include_path());

Usage

To find and render the differences between two html blocks html you need include the HtmlDiff class

	use Icap\HtmlDiff\HtmlDiff;

and then initialize a new HtmlDiff class object with the following attributes:

  • the old html text/block (String)
  • the new html text/block (String)
  • the option to enable or not formatting changes (Boolean) (set this to true if beside the adds and removes you also want to display the different style modifications of the nodes/elements)

Then call the outputDiff function of the class to retrieve the result with the compared version and the modifications.

	$htmlDiff = new HtmlDiff($oldText, $newText, true);
	$out = $htmlDiff->outputDiff();
	//Then
	$out->toString();//to get the compared version
	//And
	$out->getModifications;//to retrieve the number of differences/modifications between the two blocks.

The output is a ChangeText

You can always refer to the demo/examples for further help. In the given examples we use two different styles to render the compared html result. Feel free to copy and use these styles in your application.

Modifications compared to the original library

  • In the ChangeText object a new attribute was added (modifications) to count the differences found between the two texts. These differences are given in a form of an array ('added' => #, 'changed' => #, 'removed' => #)
  • The details tooltip was removed
  • All the MediaWiki general functions (which are defined here) used by the HtmlDiff module, were replaced with some simple/dummy ones so as the module runs without them.
  • In the converted html output all the 'added' and 'deleted' span tags were replaced by 'ins' and 'del' tags respectively for WAI compliance reasons.

Tests

Since the library is a tranfer of an already tested (hopefully) library, no tests were created or executed.

Known issues

There is a known issue with table comparison reported here Thow it is referring to the java version of the library, the same issue exists in the PHP version.

htmldiff's People

Contributors

ptsavdar avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.