CodeReviewBookmarklet/index.html at gh-pages · CodeReviewCommunity/CodeReviewBookmarklet · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Code Review bookmarklet</title>
    </head>
    <body>
        <h2>Code Review bookmarklet</h2>
        There is no easy way to select a large snippet of code on the Stack Exchange pages, so we built a bookmarklet that adds a 'Select code' button to each code snippet.<br>
        <br>
        Drag the below to your bookmark bar, give it a good name and you are good to go.<br>
        <br>
        <a href="javascript: $('pre.s-code-block').not('button + *').each(function() {
    /* Thank you http://stackoverflow.com/a/2838358/7602 */
    function selectCode(el, win) {
        win = win || window;
        var doc = win.document,
            sel, range;
        if (win.getSelection && doc.createRange) {
            sel = win.getSelection();
            range = doc.createRange();
            range.selectNodeContents(el);
            sel.removeAllRanges();
            sel.addRange(range);
        } else if (doc.body.createTextRange) {
            range = doc.body.createTextRange();
            range.moveToElementText(el);
            range.select();
        }
    }
    var buttonText = 'Select Code',
        length = buttonText.length,
        codeBlock = this,
        $link = $('<button type=\'button\'>' + buttonText + '</button>').click(function() {
            console.log($(codeBlock).text().substring(length));
            selectCode(codeBlock);
        });
    $(codeBlock).before($link);
});void(0);">Show Buttons</a>

    </body>
</html>