Functionality

This stack styles code blocks in your web page. Technically, it styles the content that lies between two <pre><code> opening and closing tags, that is

<pre>
    <code>
        This will be syntaxically highlighted by the stack
    </code>
</pre>

Interface

Below is a screenshot of the controls for our syntax highlight stack:

The top checkbox toggles the display the software license (which must be included).

The second checkbox lets the stack highlight all of your code blocks in the page. If you want to let the markdown stack manage the highlighting, disable this option.

The menu below lets you chose/experiment the styles for your page.

Finally, you can choose a preferred language at the bottom. Automatic language detection will be performed if this field is empty.

Enable the checkbox just above to see the list of supported languages.

Acknowledgements

This stack is based on the highlight.js library.