Code highlighting serves to make programming, scripting, or markup languages easier to read. There are many different languages supported with equally as many color skemes in which to display the code being highlighted. There is also an auto detect language feature which I have heard does a pretty good job. Please watch the following video on how to impliment this in your course. Below are some samples where I have identified the code being highlighted and the color scheme applied.

Highlighting examples

Please be aware, in order to keep your course accessable use a high color contrast between the background color to text color.

HTML(language) / CodePen embed (color scheme)

<html>
<head>
<title>HTML demo</title>
</head>
<body>
<h1>This is a header</h1>
<p>Some text and a <a href="http://www.theonion.com"><strong>web link</a></strong></p>
<br/>
<div style="background-color:#8ebf42">Here is a <div> to demonstrate that.</div>
</body>

Python / atelier-dune-light

import time

def countdown(time_sec):
    while time_sec:
        mins, secs = divmod(time_sec, 60)
        timeformat = '{:02d}:{:02d}'.format(mins, secs)
        print(timeformat, end='\r')
        time.sleep(1)
        time_sec -= 1

    print("stop")

countdown(5)

Python / tommorrow

import time

def countdown(time_sec):
    while time_sec:
        mins, secs = divmod(time_sec, 60)
        timeformat = '{:02d}:{:02d}'.format(mins, secs)
        print(timeformat, end='\r')
        time.sleep(1)
        time_sec -= 1

    print("stop")

countdown(nnfx-dark styling

Java / nnfx-dark

     /** Pretty-print the generated text
     * @param generatedText and array of Strings**/
    static void printText(String[] generatedText) {
        boolean newLine = true;
        int count = 0;
        for (String s : generatedText) {
            if (newLine) {
                count = 0;
                System.out.printf("%s",
                        s.substring(0, 1).toUpperCase() + s.substring(1));
                newLine = false;
            } else {
                if (s.equals(".") || s.equals("!") || s.equals("?")) {
                    System.out.printf("%s", s);
                    System.out.println();
                    newLine = true;
                } else {
                    System.out.printf(" %s", s);
                }
            }

C++ / routeros

#include <iostream>
#include <cassert>
#include <string>
#include "Stack.h"

int main() {

    {
        Stack<int> stack = Stack<int>();
        assert (stack.isEmpty());
        assert (! stack.find(42));
        stack.push(42);
        assert (! stack.isEmpty());
        assert (stack.find(42));
        stack.push(77);
        assert (stack.pop() == 77);
        assert (stack.pop() == 42);
        assert (stack.isEmpty());
        stack.push(33);
        stack.push(2);
        stack.print();
    }

Home