Differenza tra le partite di Google per evitare di mostrare nuove righe?

Question

Sto usando diff-match http://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html

Per mostrare le differenze tra 2 pezzi di html. Il problema è che lo script mostra una nuova riga come ¶

C'è un modo per impostare di non mostrarlo?

Ora sto solo Rimozione di tutte le Istanze di \n e \r, ma questo doesnt' suona bene

Answer 1

Come avete visto nella documentazione, la funzione html piuttosto è solo un esempio di sviluppare alcune ui fresco. Tuttavia, sostituisci lo ¶ (& para;) con null nella funzione, il simbolo scompare.

diff_match_patch.prototype.diff_prettyHtml = function(diffs) { 
    var html = []; 
    var pattern_amp = /&/g; 
    var pattern_lt = /</g; 
    var pattern_gt = />/g; 
    var pattern_para = /\n/g; 
    for (var x = 0; x < diffs.length; x++) { 
     var op = diffs[x][0]; // Operation (insert, delete, equal) 
     var data = diffs[x][1]; // Text of change. 
     //var text = data.replace(pattern_amp, '&amp;').replace(pattern_lt, '&lt;') 
     // .replace(pattern_gt, '&gt;').replace(pattern_para, '&para;<br>'); 
     var text = data.replace(pattern_amp, '&amp;').replace(pattern_lt, '&lt;') 
      .replace(pattern_gt, '&gt;').replace(pattern_para, '<br>'); 
     switch (op) { 
     case DIFF_INSERT: 
      html[x] = '<ins style="background:#e6ffe6;">' + text + '</ins>'; 
      break; 
     case DIFF_DELETE: 
      html[x] = '<del style="background:#ffe6e6;">' + text + '</del>'; 
      break; 
     case DIFF_EQUAL: 
      html[x] = '<span>' + text + '</span>'; 
      break; 
     } 
    } 
    return html.join(''); 
    }; 

Per verificare ciò, basta andare al link che hai fornito in Chrome e in copia console incollare sopra la funzione prima di premere il pulsante Calcola diff.