|
|
<!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: -->
|
|
|
|
