☰

how2j代码框放大

how2j网站的代码框太小，增加一个放大按钮

当前为 2017-12-22 提交的版本，查看 最新版本。

// ==UserScript==
// @name            how2j代码框放大
// @namespace       [url=mailto:[email protected]][email protected][/url]
// @author          wyx
// @description     how2j网站的代码框太小，增加一个放大按钮
// @match           *://how2j.cn/k/*
// @require         http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js
// @version         0.0.2.9
// @grant           GM_addStyle
// ==/UserScript==
(function () {
    'use strict';

    var btn_html = '<button style="margin-top:0px;margin-left:50px;padding:5px;" class="extend_btn pull-right copyButton btn btn-success btn-xs">\n' +
        '    代码框放大\n' +
        '</button>';

    var tag = $("div.stepCode");
    tag.prepend(btn_html);

    $("div.syntaxhighlighter").css("left", "-32px");
    /*$("div.syntaxhighlighter").css({  
            "overflow-x": "hidden !important"  
    });*/  

    $(function () {
        var width = $("div.syntaxhighlighter").width();
        $(".extend_btn").click(function () {
            $("div.syntaxhighlighter").css("overflow-x","hidden !important");
              $("div.syntaxhighlighter").css({  
                "overflow-x": "hidden !important"  
             });  
            var thisWidth = $("div.syntaxhighlighter").width();
            $(".syntaxhighlighter").css("width", thisWidth+width);
        });
    });
})();