[Neil Fraser Diff Demo] Enhanced Output View

Easier to compare between corrections.

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

// ==UserScript==
// @name        [Neil Fraser Diff Demo] Enhanced Output View
// @namespace   NFDiff_KK
// @description	Easier to compare between corrections.
// @include     https://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html
// @version     1.0
// @grant       none
// ==/UserScript==

document.getElementsByTagName('input')[5].addEventListener('click', function() {
	//Get output
	var outputdiv = document.getElementById('outputdiv');
	var output = outputdiv.getElementsByTagName('*');
	//Sort output
	var original = '';
	var correction = '';
	for (var i = 0; i < output.length; i++){
		if (output[i].tagName == "SPAN"){
			original += output[i].outerHTML;
			correction += output[i].outerHTML;
		}
		else if (output[i].tagName == "DEL"){
			original += output[i].outerHTML;
		}
		else if (output[i].tagName == "INS"){
			correction += output[i].outerHTML;
		}
	}
	//Rewrite output
	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>';
}, false);