5

那里有很多语法荧光笔，但我还没有看到支持突出显示查询字符串的语法荧光笔！

我正在寻找在记录我的 API 时可以使用的东西，并且作为一个 API，涉及到很多查询字符串。所以。有哪些支持查询字符串的优秀 javascript 或 PHP 语法荧光笔？

我查看了Google 代码 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

哪个应该突出显示一种颜色的所有键，以及另一种颜色中的所有值， &?= 再次成为不同的颜色......类似于： 在此处输入图像描述

4

1 回答 1

1

就我而言，所有字符（如“？”、“&”和“=”）都应替换为正确 URL 中的名称/值。这使得解析非常容易。

那么为什么不自己发明一些东西呢：

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/

于 2013-09-05T07:51:59.220 回答