如何在JSFiddle中搜索特定的小提琴?

时间:2015-05-27 13:31:54

标签: jsfiddle

我非常喜欢JSFiddle,而且我经常使用它。

此时此刻,我在my JSFiddle dashboard中有大约80个小提琴创建/分叉。我必须经过8页才能找到一个特定的小提琴,用我的眼睛扫描每个标题。

enter image description here

我可能是可行的,因为我只有80个小提琴,但如果我明年有500或2000个小提琴怎么办?这将带我永远用我的眼睛扫描每个标题。我正在寻求一种更好的方法来解决这个问题。

有没有办法搜索特定的小提琴,而不必经历所有分页并扫描每个标题?

对此的任何提示都将非常感激。

2 个答案:

答案 0 :(得分:2)

我遇到了和你一样的问题,所以我在我的小提琴列表中创建了一个小提琴::)

http://jsfiddle.net/panzerkunst/77fgau53/show/

它使用JSFiddle API来取回你的小提琴列表

$.ajax(
        {
            url: "http://jsfiddle.net/api/user/"+this.username+"/demo/list.json",
            data: {
                limit:this.limit
            },
            dataType: "JSONP",
            jsonp: "jsoncallback",
            type: "GET"
        }
    )
    .done(this.dataReceived.bind(this))
    .fail(this.errorHappened.bind(this))
    .always(this.resetControls.bind(this));

然后根据您提供的关键字过滤列表。

dataReceived: function(data){
    var query = this.query;
    var filtered = _.filter(data.list, function(item){if(item.title.contains(query) || item.description.contains(query)){ return item}});

    [...]
}

希望这有帮助!

尼古拉斯

更新:要使其与您的小提琴一起使用,您必须更改传递给.initialize()方法的用户名。 http://jsfiddle.net/panzerkunst/77fgau53/

答案 1 :(得分:0)

不知道是否有人还会到这里来,但是我分叉了Nicolas Bauwens jsfiddle(由panzerkunst撰写)并对其进行了一些更新。

轻松输入任何jsfiddle用户名,然后在jsfiddle标题或文本中搜索/过滤(或留空以仅显示所有内容),然后在包含详细信息和可点击链接的表格中显示fiddle结果。

https://jsfiddle.net/ElMoonLite/dgfs9aqv/

任何人都可以使用而无需安装任何东西。

核心功能基于:

        $.ajax({
            url: "https://jsfiddle.net/api/user/" + this.getUsername() + "/demo/list.json",
            data: {
                limit: 1000
            },
            dataType: "JSONP",
            jsonp: "jsoncallback",
            type: "GET"
        })

(然后是一些匹配搜索/过滤器的字符串)