跳至主要內容

HTML online for code formatting, beautification, encryption, decryption, compression, turn a key tool -toolfk online Programmer toolbox

    This paper to recommend [ToolFk] is a programmers often use a free online test kit, ToolFk feature is focused on everyday programmer development tools, without having to install any software, as long as the content execution affixed by a button, able to obtain the contents of the desired results.ToolFk also supports   BarCode Barcode generated online ,  QueryList collector ,  PHP code is run online ,  PHP confusion, encryption, decryption ,  Python code is run online JavaScript online operation ,YAML formatting tools , HTTP simulation query tool HTML online toolbox JavaScript online Toolbox ,CSS online toolbox JSON online toolbox unixtime timestamp conversion Base64 / the URL of / native2ascii conversion CSV conversion kit XML online toolbox the WebSocket online tools Markdown online toolbox Htaccess2nginx conversionHex conversion online online encryption toolkit ,online pseudo-original tools online APK decompile online web screenshot tool online random password generation online generate two-dimensional code qrcode online Crontab Expression Builder ,the online short URL Generator Online calculator tool And more than 20 daily programmer development tools, can be considered a very comprehensive website programmer's toolbox.
Site name: ToolFk
website links: https://www.toolfk.com/
Tools link: https://www.toolfk.com/tool-format-html

Teaching Code

This tool [Online HTML beautification / encrypt / decrypt / rev the JS] depends on its Github Codemirror ,? address: https://github.com/codemirror/CodeMirror, encryption, decryption using the http: //dean.edwards. name / packer /  library. Using the following code
STEP 1

STEP 2
? THE CORE CODE IS AS FOLLOWS
$ (Function () {
    var sourceArea = toolfk.create_codeMirror ( 'code');
    var targetArea = toolfk.create_codeMirror ( 'result');
    $ ( ". Beauty"). Click (function () {
        toolfk.beautify_start ({
            language: 'html',
            source: sourceArea,
            target: targetArea
        });
    });

    $ ( ". Compress"). Click (function () {
        toolfk.pack_js ({
            source: sourceArea,
            target: targetArea
        });
    });
    $ ( ". Encrypt-compress"). Click (function () {
        toolfk.pack_js ({
            source: sourceArea,
            target: targetArea,
            is_base64: true
        });
    });
    $ ( ". Deciphering-compress"). Click (function () {
        toolfk.dec_pack ({
            source: sourceArea,
            target: targetArea,
        });
    });

    $ ( ". Html2js"). Click (function () {
        toolfk.html2js ({
            source: sourceArea,
            target: targetArea,
        });
    });

    $ ( ". Copy-code"). Click (function () {
        toolfk.code_code ({
            source: sourceArea,
            target: targetArea,
        });
    });
});

#Implementation
beautify_start: function (options) {
    if (toolfk.beautify_default.beautify_in_progress) {
        return;
    }
    var opts = $ .extend ({}, toolfk.beautify_default, options);

    var source = opts.source.getValue ();
    if (source == '') {
        return layer.msg (NOT_EMPTY);
    }

    toolfk.beautify_default.beautify_in_progress = true;
    if (opts.language === 'html') {
        output = beautifier.html (source, opts);
    } Else if (opts.language === 'css') {
        output = beautifier.css (source, opts);
    } Else {
        if (opts.detect_packers) {
            source = toolfk.beautify_unpacker_filter (source);
        }
        output = beautifier.js (source, opts);
    }

    opts.target.setValue (output);
    toolfk.report ( 'beautify', output);
    toolfk.beautify_default.beautify_in_progress = false;
},

pack_js: function (options) {
    if (toolfk.beautify_default.beautify_in_progress) {
        return;
    }
    var opts = $ .extend ({}, toolfk.beautify_default, options);

    var source = opts.source.getValue ();
    if (source == '') {
        return layer.msg (NOT_EMPTY);
    }
    toolfk.beautify_default.beautify_in_progress = true;

    var packer = new Packer;
    if (opts.is_base64) {
        var output = packer.pack (source, 1, opts.is_shrink);
    } Else {
        var output = packer.pack (source, 0, opts.is_shrink);
    }
    opts.target.setValue (output);
    toolfk.report ( 'compress', output);
    toolfk.beautify_default.beautify_in_progress = false;
},

dec_pack: function (options) {
    if (toolfk.beautify_default.beautify_in_progress) {
        return;
    }
    var opts = $ .extend ({}, toolfk.beautify_default, options);

    var source = opts.source.getValue ();
    if (source == '') {
        return layer.msg (NOT_EMPTY);
    }
    toolfk.beautify_default.beautify_in_progress = true;
    try {
        eval ( 'var value = String' + source.slice (4));
        opts.target.setValue (value);
        toolfk.report ( 'deciphering-compress', value);
    } Catch (e) {
        layer.msg (TEXT_ERROR);
    }
    toolfk.beautify_default.beautify_in_progress = false;
},

dec_pack_shrink: function (options) {
    if (toolfk.beautify_default.beautify_in_progress) {
        return;
    }
    var opts = $ .extend ({}, toolfk.beautify_default, options);

    var source = opts.source.getValue ();
    if (source == '') {
        return layer.msg (NOT_EMPTY);
    }
    toolfk.beautify_default.beautify_in_progress = true;
    try {
        eval ( 'var value = String' + source.slice (4));
        var source = toolfk.beautify_unpacker_filter (value);
        output = beautifier.js (source, opts);
        opts.target.setValue (output);
        toolfk.report ( 'decode-code', output);
    } Catch (e) {
        layer.msg (TEXT_ERROR);
    }
    toolfk.beautify_default.beautify_in_progress = false;
},


html2js: function (options) {
    if (toolfk.beautify_default.beautify_in_progress) {
        return;
    }
    var opts = $ .extend ({}, toolfk.beautify_default, options);
    var source = opts.source.getValue ();
    if (source == '') {
        return layer.msg (NOT_EMPTY);
    }

    toolfk.beautify_default.beautify_in_progress = true;
    var value = "document.writeln (\" "+ source.replace (/ \\ / g," \\\\ "). replace (/ \\ / g," \\ / "). replace (/ \ ' / g, "\\\ '") replace (/ \ "/ g," \\\ "") split (..' \ n ') join (. "\"); \ ndocument.writeln (\ "" ) + "\"); ";
    opts.target.setValue (value);

    toolfk.report ( 'html2js', value);
    toolfk.beautify_default.beautify_in_progress = false;
},

It is worth a try for three reasons:

  1. Integrate various programmers often used in development and testing tools.
  2. Simple and beautiful atmosphere of the site pages
  3. Online support formatting code execution, APK online decompile, online high-strength password generator, two dozen screenshots online web tools service
  4. Also recommend its sister network  www.videofk.com  video download Toolbox 

留言

此網誌的熱門文章

TOOLFK tool-online QR code decoding tool

This article recommends [TOOLFK] online QR code decoding,  online QR code decoder  , you can get the  QR code  by dragging or uploading the QR code picture, computer camera scanning the QR code, entering the QR code picture address, etc. Content. Website name: ToolFk website link:  https://www.toolfk.com/Tool link:  https://www.toolfk.com/tool-generate-qrcode?t=qrdecode Code teaching The code base that this tool [online QR code decoding tool] depends on is  https://github.com/davidshimjs/qrcodejs STEP 1 STEP 2 The core code is as follows function renderLogo ( canvas, url ) { var img = new Image(), ctx = canvas.getContext( '2d' ), canvasSize = 200 ; if (!url) { ctx.fillStyle = 'rgb(255, 255, 255)' ; ctx.fillRect( 0 , 0 , canvasSize, canvasSize); return ; } img.onload = function ( ) { var imgSize, zoom, imgW = img.width, imgH = img.height; ...

How to Download tencent video online for free? tencent Video Downloader -VideoFK

In line to see some friends in the query how to download tencent video on the computer, and this article will be introduced "  Videofk.com  " is a free tencent video online video download site, download method is very simple, just copy the video link, paste it into the query box, click on the search button, then you can quickly save mp4 videos to your PC or mobile phone. Visit website link:  https://www.videofk.com/weishi-video-download Tutorial STEP 1 Open   Videofk   website, you need to download the tencent video link to copy and paste it into the bottom, click on the search button below to obtain cover art and movie download button. STEP 2 In  Videofk  After parsing the video?, Are the following methods for you to download? Choose. 1, click on the top cover map of the "  Download  " button to quickly download videos to the local. 2, click on the cover drawing any position, a window will pop up, w...