- HTML/XML Documents comparison.
- Node and attribute comparison based on the node level configuration
- Node, attribute and text comparison
- Compare and merge documents
- python 3.8 or above
- node v12 or above (tested on v12)
- Electron JS
- python
- javascript/jquery (plugins)
- First install the dependencies required for python, the dependencies are available in the
/assets/requirements.txt
in the project folder - Install the dependencies using the command via terminal/cmd
pip install -r <path_to_requirements.txt>
- Unzip the following file 'assets/codemirror.zip' into the same path
- Navigate to the project directory and open up a terminal/cmd and run the following command to install node dependencies,
npm i
- Once the above are installed, run the following command to open the project.
npm start
- By now a window will be opened and there will be two textarea's available for inputting the HTML/XML code.
- Once the code is pasted, select the python command relevant to your
OS
, say for windows it will bepython
and for Mac/Linux it will bepython3
. Select the value from the dropdown and click on compare to process. - Now the JSON creation will run in the backend and the visual/document tree will be displayed along with the comparisons on the screen.
- The tree levels/depth can be controlled using the document levels slider.
- On the comparison end we have tried to compare node-based and child-based traversal and have found the differences.
- Javascript plugin included as an addon features for entire document comparision and merging the documents.
- If any issues are encountered or comparison isn't occurred, it's pretty easy to find the area you can toggle developer tools by
ctrl+shift+i
orcmd+option+i
on mac. - The scenario where the process may fail is when python is not configured properly on the system.