index.html
107 lines
| 2.9 KiB
| text/html
|
HtmlLexer
|
r4120 | <!doctype html> | ||
<html> | ||||
<head> | ||||
<meta charset="utf-8"> | ||||
<title>CodeMirror: Smarty mixed mode</title> | ||||
<link rel="stylesheet" href="../../lib/codemirror.css"> | ||||
<script src="../../lib/codemirror.js"></script> | ||||
<link rel="stylesheet" href="../../doc/docs.css"> | ||||
<!-- smartymixed dependencies --> | ||||
<script src="../../mode/xml/xml.js"></script> | ||||
<script src="../../mode/javascript/javascript.js"></script> | ||||
<script src="../../mode/css/css.js"></script> | ||||
<script src="../../mode/htmlmixed/htmlmixed.js"></script> | ||||
<script src="../../mode/smarty/smarty.js"></script> | ||||
<!-- smartymixed --> | ||||
<script src="../../mode/smartymixed/smartymixed.js"></script> | ||||
</head> | ||||
<body> | ||||
<h1>CodeMirror: Smarty mixed mode</h1> | ||||
<form><textarea id="code" name="code"> | ||||
{** | ||||
* @brief Smarty mixed mode | ||||
* @author Ruslan Osmanov | ||||
* @date 29.06.2013 | ||||
*} | ||||
<html> | ||||
<head> | ||||
<title>{$title|htmlspecialchars|truncate:30}</title> | ||||
</head> | ||||
<body> | ||||
{* Multiline smarty | ||||
* comment, no {$variables} here | ||||
*} | ||||
{literal} | ||||
{literal} is just an HTML text. | ||||
<script type="text/javascript">//<![CDATA[ | ||||
var a = {$just_a_normal_js_object : "value"}; | ||||
var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), { | ||||
mode : "smartymixed", | ||||
tabSize : 2, | ||||
indentUnit : 2, | ||||
indentWithTabs : false, | ||||
lineNumbers : true, | ||||
smartyVersion : 3 | ||||
}); | ||||
// ]]> | ||||
</script> | ||||
<style> | ||||
/* CSS content | ||||
{$no_smarty} */ | ||||
.some-class { font-weight: bolder; color: "orange"; } | ||||
</style> | ||||
{/literal} | ||||
{extends file="parent.tpl"} | ||||
{include file="template.tpl"} | ||||
{* some example Smarty content *} | ||||
{if isset($name) && $name == 'Blog'} | ||||
This is a {$var}. | ||||
{$integer = 4511}, {$array[] = "a"}, {$stringvar = "string"} | ||||
{$integer = 4512} {$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} | ||||
{* One | ||||
* Two | ||||
* Three | ||||
*} | ||||
{/if} | ||||
{/foreach} | ||||
{/function} | ||||
{/if} | ||||
</body> | ||||
<!-- R.O. --> | ||||
</html> | ||||
</textarea></form> | ||||
<script type="text/javascript"> | ||||
var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), { | ||||
mode : "smartymixed", | ||||
tabSize : 2, | ||||
indentUnit : 2, | ||||
indentWithTabs : false, | ||||
lineNumbers : true, | ||||
smartyVersion : 3, | ||||
matchBrackets : true, | ||||
}); | ||||
</script> | ||||
<p>The Smarty mixed mode depends on the Smarty and HTML mixed modes. HTML | ||||
mixed mode itself depends on XML, JavaScript, and CSS modes.</p> | ||||
<p>It takes the same options, as Smarty and HTML mixed modes.</p> | ||||
<p><strong>MIME types defined:</strong> <code>text/x-smarty</code>.</p> | ||||
</body> | ||||
</html> | ||||
<!-- vim: set ft=html ts=2 sts=2 sw=2 et: --> | ||||