☰

[Neil Fraser Diff Demo] Enhanced Output View

Easier to compare between corrections.

当前为 2016-05-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        [Neil Fraser Diff Demo] Enhanced Output View
  3. // @namespace   NFDiff_KK
  4. // @description	Easier to compare between corrections.
  5. // @include     https://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html
  6. // @version     1.0
  7. // @grant       none
  8. // ==/UserScript==
  9.  
  10. document.getElementsByTagName('input')[5].addEventListener('click', function() {
  11. 	//Get output
  12. 	var outputdiv = document.getElementById('outputdiv');
  13. 	var output = outputdiv.getElementsByTagName('*');
  14. 	//Sort output
  15. 	var original = '';
  16. 	var correction = '';
  17. 	for (var i = 0; i < output.length; i++){
  18. 		if (output[i].tagName == "SPAN"){
  19. 			original += output[i].outerHTML;
  20. 			correction += output[i].outerHTML;
  21. 		}
  22. 		else if (output[i].tagName == "DEL"){
  23. 			original += output[i].outerHTML;
  24. 		}
  25. 		else if (output[i].tagName == "INS"){
  26. 			correction += output[i].outerHTML;
  27. 		}
  28. 	}
  29. 	//Rewrite output
  30. 	outputdiv.innerHTML = '<table border="1" cellspacing="5" cellpadding="5" style="width:100%; border-collapse: collapse;"><tr><td width="50%">' + original + '</td><td width="50%">' + correction + '</td></tr></table>';
  31. }, false);