Google-diff-match नई लाइनें दिखाने से बचें?

Question

मैं उपयोग कर रहा हूँ diff मैचों की http://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html

एचटीएमएल के 2 टुकड़े के बीच मतभेदों को दिखाने के लिए। समस्या यह है कि लिपि ¶

के रूप में नई लाइन दिखाती है क्या इसे दिखाने के लिए सेट करने का कोई तरीका नहीं है?

अब मैं सिर्फ \n और \r के सभी istances को हटाने कर रहा हूँ, लेकिन यह does not 'अच्छा

Answer 1

ध्वनि आप दस्तावेज में देखा है, सुंदर एचटीएमएल समारोह सिर्फ एक कुछ शांत यूआई विकसित करने के लिए नमूना है। हालांकि, आप ¶ (& पैरा;) को प्रतिस्थापित करते हैं, फ़ंक्शन में शून्य के साथ, प्रतीक गायब हो जाएगा।

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(''); 
    }; 

यह परीक्षण करने के लिए, बस गणना diff बटन से टकराने से पहले लिंक आपके द्वारा Chrome में और सांत्वना प्रतिलिपि में उपलब्ध कराई गई करने के लिए जाना समारोह ऊपर पेस्ट करें।