2016-02-07 1 views
2

Je veux utiliser un texte diff dans jsFiddle/ou plunker de cet exemple, actuellement cela ne fonctionne pas, ce que je fais mal?Texte diff en utilisant bibliothèque dans jsFiddle

c'est le lib que je dois utiliser https://github.com/kpdecker/jsdiff

J'ai besoin webExample suivant

https://github.com/kpdecker/jsdiff/blob/master/examples/web_example.html

et c'est ce que je l'ai essayé, sans succès.

https://jsfiddle.net/bvwbawLL/

<pre id="display"></pre> 
<script src="github.com/kpdecker/jsdiff"></script> 
<script> 
var one = 'beep boop'; 
var other = 'beep boob blah'; 

var diff = JsDiff.diffChars(one, other); 
var display = document.getElementById('display'); 

diff.forEach(function(part){ 
    // green for additions, red for deletions 
    // grey for common parts 
    var color = part.added ? 'green' : 
    part.removed ? 'red' : 'grey'; 
    var span = document.createElement('span'); 
    span.style.color = color; 
    span.appendChild(document 
    .createTextNode(part.value)); 
    display.appendChild(span); 
}); 
</script> 
+0

Vous êtes (à tort) lié à la page d'accueil du projet dans votre balise