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

    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 conversion, Hex 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 

This link: http://www.hihubs.com/article/365