☰

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.3
// @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);

    $(".syntaxhighlighter").css("left", "-32px");
    $(".syntaxhighlighter").removeAttr("overflow");

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