Mercurial > kallithea

<!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: -->
author	Mads Kiilerich <madski@unity3d.com>
date	Wed, 24 Sep 2014 14:24:40 +0200
parents	kallithea/public/js/mode/smartymixed/index.html@d1addaf7a91e
children