how2j代码框放大

how2j代码框适应大小

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

目前為 2017-12-21 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==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.7
// @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-info btn-xs" codeindex="code1797_0" type="button">\n' +
        '    代码框放大\n' +
        '</button>';

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

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

    $(function () {
        $(".extend_btn").click(function () {
            var width = $("div.syntaxhighlighter").width() * 2;
            $(".syntaxhighlighter").css("width", width);
        });
    });
})();