☰

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.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  btn btn-info " type="button">\n' +
        '    代码框自适应\n' +
        '</button>';

    var tag = $("div.stepCode");
    tag.prepend(btn_html);
    
    $(".syntaxhighlighter").css("overflow", "visible !important");
    
    $(function () {
        $(".extend_btn").click(function () {
            var attr=$(".syntaxhighlighter").css("overflow");
            if(attr=="visible !important"){
                 $(".syntaxhighlighter").css("overflow", "auto");
            }else{
                 $(".syntaxhighlighter").css("overflow", "visible !important");
            }
        });
    });
})();