alten/syntax-highlight-bundle

Symfony Syntax Highlight Bundle

0.9.1beta 2013-04-25 10:19 UTC

Requires

• php: >=5.3.3
• symfony/framework-bundle: >=2.1.0,<2.3

MIT

• Raindrop Dev Team

• editor
• html
• syntax
• highlight

README

#SyntaxHighlightBundle

The package encapsulates into Symfony/composer bundle following Syntax Highlighter

SyntaxHighlighter 
version 3.0.83 (July 02 2010)
http://alexgorbatchev.com/SyntaxHighlighter
JavaScript code syntax highlighter.
Copyright 2004-2010 Alex Gorbatchev.

INSTALLATION:

First add the dependency to your composer.json file:

"require": {
    ...
    "alten/syntax-highlight-bundle": "dev-master"
},

Then install the bundle with the command:

php composer.phar update

Enable the bundle in your application kernel:

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Alten\SyntaxHighlightBundle\AltenSyntaxHighlightBundle(),
    );
}

Now install assets:

php bin/console assets:install [--symlink]

USAGE

Add the following lines to your base twig file:

<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shCore.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shAutoloader.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushAppleScript.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushAS3.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushBash.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushColdFusion.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushCpp.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushCSharp.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushCss.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushDelphi.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushDiff.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushErlang.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushGroovy.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushJavaFX.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushJava.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushJScript.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushPerl.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushPhp.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushPlain.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushPowerShell.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushPython.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushRuby.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushSass.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushScala.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushSql.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushVb.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/altensyntaxhighlight/js/scripts/shBrushXml.js') }}"></script>

<link type="text/css" rel="stylesheet" href="{{ asset('bundles/altensyntaxhighlight/css/styles/shCoreMidnight.css') }}"/>
<link type="text/css" rel="stylesheet" href="{{ asset('bundles/altensyntaxhighlight/css/styles/shThemeMidnight.css') }}"/>
<script type="text/javascript">SyntaxHighlighter.all();</script>

And in a WYSYWIG editor you may switch to raw mode and use a <pre class="brush: cpp"> tag:

<pre class="brush: cpp">
#include <iostream>

int main() {
	std::cout << "Hello world!" << std::endl;
	return 0;
}
</pre>