Features

The integration of Google Prettify in our themes makes code for users and staff much more readable. Automatic formatting and syntax highlighting in cooperation with linenumbers makes the discussion about code more easier. To fit the styling to your needs we integrated six different color schemes in our theme. We integrated Prettify in such way, that all code between the tags <pre> ... </pre> is automatically formatted with prettyprint.

For Example the following code

<pre><script type="text/javascript"> // Say hello world until the user starts questioning // the meaningfulness of their existence. function helloWorld(world) { for (var i = 42; --i >= 0;) { alert('Hello ' + String(world)); } } </script> <style> p { color: pink } b { color: blue } u { color: "umber" } </style> </pre>

Notice: Linebreaks are not rendered in <code> ... </code> tags, the sample code is displayed as one line even if it has linebreaks.

will be displayed in this way:

<script type="text/javascript">
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i >= 0;) {
    alert('Hello ' + String(world));
  }
}
</script>
<style>
p { color: pink }
b { color: blue }
u { color: "umber" }
</style>

Tip: Select the complete code with your mouse, copy and paste it. The lines, linebreaks and indents will remain.

Integrated Color Schemes

1. Default
Prettify Default Color Scheme
2. Tomorrow
Prettify Tomorrow Color Scheme
3. Tomorrow Night
Prettify Tomorrow Night Color Scheme
4. Tomorrow Night Blue
Prettify Tomorrow Night Blue Color Scheme
5. Tomorrow Night Bright
Prettify Tomorrow Night Bright Color Scheme
6. Tomorrow Night 80s
Prettify Tomorrow Night Eighties Color Scheme

Please Wait!

Please wait... it will take a second!