SyntaxHighlighter Demo - RDark Theme

Website: http://alexgorbatchev.com/SyntaxHighlighter/

HTML

?
1
2
3
4
5
6
<header>
<h1>Example HTML</h1>
</header>
<main class="style">
<p>Some text</p>
</main>

JavaScript

?
1
2
3
4
5
6
7
var example = true;
 
function foo(arg) {
    console.log( "do", arg);
    arg = example ? true : false;
    return arg;
}

CSS

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
@import "somestyle.css"
 
body {
    background: white;
}
 
.wrapper {
    background: #F88;
    color: #454545;
}
 
.box::after {
    content: "...";
}

PHP

?
1
2
3
4
5
6
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article>
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</article>
<?php endwhile; endif; ?>

Markdown

?
1
2
3
4
5
6
7
8
9
# Example Markdown
 
Some text with *emphasis*
 
* list
* list
* list
 
Some text with a [link](http://tutsplus.com)

CoffeeScript

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# Objects:
math =
  root:   Math.sqrt
  square: square
  cube:   (x) -> x * square x
 
# Splats:
race = (winner, runners...) ->
  print winner, runners
 
# Existence:
alert "I knew it!" if elvis?
 
# Array comprehensions:
cubes = (math.cube num for num in list)

Handlebars

?
1
2
3
4
5
6
<header>
<h1>{{title}}</h1>
</header>
<main class="style">
{{content}}
</main>

Jade

?
1
2
3
4
5
- var title = "Example Jade";
header
    h1 #{title}
main.style
    p Some text

LESS

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
@body_background: white;
@wrapper_background: #F88;
@wrapper_color: #454545;
 
body {
    background: @body_background;
}
 
.wrapper {
    background: @wrapper_background;
    color: @wrapper_color;
}
 
.box::after {
    content: "...";
}

Sass

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$body_background: white;
$wrapper_background: #F88;
$wrapper_color: #454545;
 
body {
    background: $body_background;
}
 
.wrapper {
    background: $wrapper_background;
    color: $wrapper_color;
}
 
.box::after {
    content: "...";
}

Stylus

?
1
2
3
4
5
6
7
8
9
10
11
12
13
$body_background = white
$wrapper_background = #F88
$wrapper_color = #454545
 
body
    background: $body_background
 
.wrapper
    background: $wrapper_background
    color: $wrapper_color
 
.box::after
    content: "..."

Highlighter Demos: