Spaces:
Running
Running
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>CodeMirror: Smarty mode</title> | |
<link rel="stylesheet" href="../../lib/codemirror.css"> | |
<script src="../../lib/codemirror.js"></script> | |
<script src="smarty.js"></script> | |
<style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style> | |
<link rel="stylesheet" href="../../doc/docs.css"> | |
</head> | |
<body> | |
<h1>CodeMirror: Smarty mode</h1> | |
<form><textarea id="code" name="code"> | |
{extends file="parent.tpl"} | |
{include file="template.tpl"} | |
{* some example Smarty content *} | |
{if isset($name) && $name == 'Blog'} | |
This is a {$var}. | |
{$integer = 451}, {$array[] = "a"}, {$stringvar = "string"} | |
{assign var='bob' value=$var.prop} | |
{elseif $name == $foo} | |
{function name=menu level=0} | |
{foreach $data as $entry} | |
{if is_array($entry)} | |
- {$entry@key} | |
{menu data=$entry level=$level+1} | |
{else} | |
{$entry} | |
{/if} | |
{/foreach} | |
{/function} | |
{/if}</textarea></form> | |
<script> | |
var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
lineNumbers: true, | |
mode: "smarty" | |
}); | |
</script> | |
<br /> | |
<form><textarea id="code2" name="code2"> | |
{--extends file="parent.tpl"--} | |
{--include file="template.tpl"--} | |
{--* some example Smarty content *--} | |
{--if isset($name) && $name == 'Blog'--} | |
This is a {--$var--}. | |
{--$integer = 451--}, {--$array[] = "a"--}, {--$stringvar = "string"--} | |
{--assign var='bob' value=$var.prop--} | |
{--elseif $name == $foo--} | |
{--function name=menu level=0--} | |
{--foreach $data as $entry--} | |
{--if is_array($entry)--} | |
- {--$entry@key--} | |
{--menu data=$entry level=$level+1--} | |
{--else--} | |
{--$entry--} | |
{--/if--} | |
{--/foreach--} | |
{--/function--} | |
{--/if--}</textarea></form> | |
<script> | |
var editor = CodeMirror.fromTextArea(document.getElementById("code2"), { | |
lineNumbers: true, | |
mode: { | |
name: "smarty", | |
leftDelimiter: "{--", | |
rightDelimiter: "--}" | |
} | |
}); | |
</script> | |
<p>A plain text/Smarty mode which allows for custom delimiter tags (defaults to <b>{</b> and <b>}</b>).</p> | |
<p><strong>MIME types defined:</strong> <code>text/x-smarty</code></p> | |
</body> | |
</html> | |