क्वेरी स्ट्रिंग्स की जावास्क्रिप्ट या PHP सिंटैक्स हाइलाइटिंग?

Question

वहां बहुत से वाक्यविन्यास हाइलाइटर्स हैं लेकिन कुछ मैंने नहीं देखा है जो क्वेरी स्ट्रिंग को हाइलाइट करने का समर्थन करता है!

मैं अपने एपीआई को दस्तावेज करते समय उपयोग करने के लिए कुछ ढूंढ रहा हूं और अच्छी तरह से एक एपीआई होने के कारण बहुत सारे प्रश्न स्ट्रिंग शामिल हैं। इसलिए। क्वेरी स्ट्रिंग का समर्थन करने वाले अच्छे जावास्क्रिप्ट या PHP सिंटैक्स हाइलाइटर्स क्या हैं?

मैं Google code prettify, highlight.js, prismjs में ध्यान दिया है और कुछ अन्य लोगों लेकिन उनमें से कोई इस पर प्रकाश डाला करने में सक्षम होने लगते हैं:

/oauth/authorize?client_id=wG2X7q1qz74zdSbgiFkyL5JFOeloQwg2opfrPfaJ&response_type=code&redirect_uri=https%3A%2F%2Fmyapplication.com%2Foauth&scope=account%2Ccompetition%2Cvideos&state=d41d8cd98f00b204e9800998ecf8427e 

कौन सा रंग पर सभी चाबियाँ पर प्रकाश डाला जाना चाहिए, और सभी मूल्यों & साथ किसी अन्य रूप में = एक अलग रंग फिर से किया जा रहा है ... कुछ की तरह: '?'

Answer 1

जहां तक ​​मैं की तरह चिंतित सभी पात्रों हूँ, '&' और '=' nam में प्रतिस्थापित किया जाना चाहिए एक उचित यूआरएल में es/मान। यह पार्स करने के लिए यह बहुत आसान बनाता है।

तो क्यों अपने दम पर कुछ का आविष्कार नहीं:

function parseQuery(query){ 
    parsed = query.split('?'); 
    if (parsed.length > 1) { 
     parsed[1] = parsed[1].split('&'); 
     for(i in parsed[1]) { 
      parsed[1][i] = parsed[1][i].split('='); 
     } 
    } 
    retStr = '<span class="path">' + parsed[0] + '</span>'; 
    if (parsed.length > 1) { 
     retStr += '<span class="qm">?</span>'; 
     first = true; 
     for(i in parsed[1]) { 
      if (first) { 
       first = false; 
      } else { 
       retStr += '<span class="amp">&</span>'; 
      } 
      retStr += '<span class="name">' + parsed[1][i][0] + '</span>'; 
      if (parsed[1][i].length > 1) { 
       retStr += '<span class="eq">=</span>' + 
       '<span class="value">' + parsed[1][i][1] + '</span>'; 
      } 
      if (parsed[1][i].length > 2) { 
       for (var j = 2; j < parsed[1][i].length; j++) { 
         retStr += '<span class="eq">=</span>'; 
         retStr += '<span class="error">' + parsed[1][i][j] + '</span>'; 
       } 
      } 
     } 
    } 
    if (parsed.length > 2) { 
     for (var i = 2; i < parsed.length; i++) { 
       retStr += '<span class="qm">?</span>'; 
       retStr += '<span class="error">' + parsed[i] + '</span>'; 
     } 
    } 
    return retStr; 
} 

http://jsfiddle.net/YqrpV/1/