--- /dev/null
+<!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: -->