You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.2 KiB
HTML
119 lines
3.2 KiB
HTML
9 years ago
|
<!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>
|