hilite.me

Overview

hilite.me is an online tool for formatting source code from any language into HTML. All of the color and formatting information is inline, obviating the need for any accompanying CSS or JavaScript. The resulting HTML can be pasted into wherever HTML is welcome — such as emails, blog posts and websites.

The one downside to the hilite.me service is that the available styles are listed only by name and not visually. As a result, one needs to cycle through them one at a time in order to recall what a particular style looks like. To remedy this, I have taken a single piece of JavaScript source code and formatted it using each of the available styles. Furthermore, I have separated the available styles into two broad categories, dark and light.

Dark

fruity

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

monokai

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

native

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

rrt

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

vim

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};
 

Light

autumn

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

borland

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

bw

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

colorful

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

default

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

emacs

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

friendly

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};

manni

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/**
 * Generate and return the HTML for all the buttons in the given mode of the given model.
 * 
 * @param {module:node/app/model~Model}                myModel    - The model definition
 * @param {string}                                     mode       - The mode being performed (e.g. "list")
 * @param {module:node/app/model/data~ModelDataObject} dataObject - The data object
 *
 * @return {module:com/fujifilm/jsdoc~html} The HTML
 */
exports.getModeButtonsHtml = function( myModel, mode, dataObject ) {

    var ip,
        s;

    s = "";

    if ( mode in myModel && "buttons" in myModel[ mode ] ) {
        for ( ip in myModel[ mode ].buttons ) {
            if ( myModel[ mode ].buttons.hasOwnProperty( ip ) ) {
                s += exports.html( myModel, dataObject, myModel[ mode ].buttons[ ip ], ip );
                s += " ";
            }
        }
    }

    return s;
};
Source: https://www.finitewisdom.com/people/joshua...