<!doctype html>
<title>CodeMirror: Velocity mode</title>
<meta charset="utf-8" />
<link rel=stylesheet href="../../doc/docs.css">
<link rel="stylesheet" href="../../lib/codemirror.css">
<link rel="stylesheet" href="../../theme/night.css">
<script src="../../lib/codemirror.js"></script>
<script src="velocity.js"></script>
<style>
    .CodeMirror {
        border: 1px solid black;
    }
</style>
<div id=nav>
    <a href="http://codemirror.net">
        <h1>CodeMirror</h1>
        <img id=logo src="../../doc/logo.png">
    </a>
    <ul>
        <li>
            <a href="../../index.html">Home</a>
            <li>
                <a href="../../doc/manual.html">Manual</a>
                <li>
                    <a href="https://github.com/codemirror/codemirror">Code</a>
    </ul>
    <ul>
        <li>
            <a href="../index.html">Language modes</a>
            <li>
                <a class=active href="#">Velocity</a>
    </ul>
</div>
<article>
    <h2>Velocity mode</h2>
    <form>
        <textarea id="code" name="code"> ## Velocity Code Demo #* based on PL/SQL mode by Peter Raganitsch, adapted to Velocity by Steve O'Hara ( http://www.pivotal-solutions.co.uk ) August 2011 *# #* This is a multiline comment. This is the second line *# #[[ hello steve This has invalid
            syntax that would normally need "poor man's escaping" like: #define() ${blah ]]# #include( "disclaimer.txt" "opinion.txt" ) #include( $foo $bar ) #parse( "lecorbusier.vm" ) #parse( $foo ) #evaluate( 'string with VTL #if(true)will be displayed#end'
            ) #define( $hello ) Hello $who #end #set( $who = "World!") $hello ## displays Hello World! #foreach( $customer in $customerList ) $foreach.count $customer.Name #if( $foo == ${bar}) it's true! #break #{else} it's not! #stop #end #if ($foreach.parent.hasNext)
            $velocityCount #end #end $someObject.getValues("this is a string split across lines") $someObject("This plus $something in the middle").method(7567).property #macro( tablerows $color $somelist ) #foreach( $something in $somelist )
            <tr>
                <td bgcolor=$color>$something</td>
            </tr>
            <tr>
                <td bgcolor=$color>$bodyContent</td>
            </tr> #end #end #tablerows("red" ["dadsdf","dsa"]) #@tablerows("red" ["dadsdf","dsa"]) some body content #end Variable reference: #set( $monkey = $bill ) String literal: #set( $monkey.Friend = 'monica' ) Property reference: #set( $monkey.Blame =
            $whitehouse.Leak ) Method reference: #set( $monkey.Plan = $spindoctor.weave($web) ) Number literal: #set( $monkey.Number = 123 ) Range operator: #set( $monkey.Numbers = [1..3] ) Object list: #set( $monkey.Say = ["Not", $my, "fault"] ) Object
            map: #set( $monkey.Map = {"banana" : "good", "roast beef" : "bad"}) The RHS can also be a simple arithmetic expression, such as: Addition: #set( $value = $foo + 1 ) Subtraction: #set( $value = $bar - 1 ) Multiplication: #set( $value = $foo
            * $bar ) Division: #set( $value = $foo / $bar ) Remainder: #set( $value = $foo % $bar ) </textarea>
    </form>
    <script>
        var editor = CodeMirror.fromTextArea(document.getElementById("code"),
        {
            theme: "night",
            lineNumbers: true,
            indentUnit: 4,
            mode: "text/velocity"
        });
    </script>
    <p>
        <strong>MIME types defined:</strong> <code>text/velocity</code>.</p>
</article>