Warning, file /frameworks/syntax-highlighting/autotests/html/test.mustache.html was not indexed or was modified since last indexation (in which case cross-reference links may be missing, inaccurate or erroneous).

0001 <!DOCTYPE html>
0002 <html><head>
0003 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
0004 <title>test.mustache</title>
0005 <meta name="generator" content="KF5::SyntaxHighlighting - Definition (Mustache/Handlebars (HTML)) - Theme (Breeze Light)"/>
0006 </head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
0007 <span style="color:#898887;">&lt;!-- Mustache / Handlebars / Ractive template --&gt;</span>
0008 <span style="color:#0057ae;font-weight:bold;">&lt;!DOCTYPE </span>html<span style="color:#0057ae;font-weight:bold;">&gt;</span>
0009 <span style="font-weight:bold;">&lt;html&gt;</span>
0010     <span style="font-weight:bold;">&lt;head&gt;</span>
0011         <span style="font-weight:bold;">&lt;meta</span><span style="color:#006e28;"> charset</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;UTF-8&quot;</span> <span style="font-weight:bold;">/&gt;</span>
0012         <span style="font-weight:bold;">&lt;title&gt;</span><span style="color:#0057ae;">{{</span>title<span style="color:#0057ae;">}}</span><span style="font-weight:bold;">&lt;/title&gt;</span>
0013     <span style="font-weight:bold;">&lt;/head&gt;</span>
0014     <span style="color:#898887;">&lt;!-- CSS --&gt;</span>
0015     <span style="font-weight:bold;">&lt;style&gt;</span>
0016         <span style="color:#898887;">/* Mustache variable support in CSS is incomplete */</span>
0017         <span style="color:#0057ae;">{{</span>mustache<span style="color:#0057ae;">}}</span>
0018         <span style="color:#0095ff;font-weight:bold;">[ </span><span style="color:#0057ae;">{{</span>other<span style="color:#0057ae;">}}</span><span style="color:#0095ff;font-weight:bold;"> ]</span>
0019         body {
0020             <span style="color:#3daee9;">{{{</span>other<span style="color:#3daee9;">}}}</span>
0021             <span style="font-weight:bold;">font-size</span>: <span style="color:#b08000;">15</span><span style="color:#0057ae;">pt</span><span style="color:#ca60ca;">;</span>
0022             <span style="font-weight:bold;">font-family</span>: Verdana<span style="color:#ca60ca;">;</span>
0023         }
0024     <span style="font-weight:bold;">&lt;/style&gt;</span>
0025     <span style="color:#898887;">&lt;!-- JavaScript --&gt;</span>
0026     <span style="font-weight:bold;">&lt;script&gt;</span>
0027         <span style="font-weight:bold;">var</span> foo <span style="color:#ca60ca;">=</span> <span style="color:#0057ae;">{{</span>bar<span style="color:#0057ae;">}}</span><span style="color:#ca60ca;">;</span>
0028         <span style="color:#e31616;">`template </span><span style="color:#0057ae;">{{</span>foo<span style="color:#0057ae;">}}</span><span style="color:#e31616;"> </span><span style="color:#3daee9;">${</span> <span style="font-weight:bold;">var</span> a <span style="color:#ca60ca;">=</span> <span style="color:#0057ae;">{{</span>b<span style="color:#0057ae;">}}</span> <span style="color:#3daee9;">}</span><span style="color:#e31616;">`</span>
0029     <span style="font-weight:bold;">&lt;/script&gt;</span>
0030 
0031     <span style="font-weight:bold;">&lt;body&gt;</span>
0032     <span style="color:#644a9b;font-weight:bold;">{{#movie}}</span>
0033         <span style="font-weight:bold;">&lt;div&gt;</span>
0034             <span style="font-weight:bold;">&lt;h1&gt;</span><span style="color:#0057ae;">{{</span>title<span style="color:#0057ae;">}}</span><span style="font-weight:bold;">&lt;/h1&gt;</span>
0035             <span style="font-weight:bold;">&lt;img</span><span style="color:#006e28;"> src</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;</span><span style="color:#0057ae;">{{</span>poster<span style="color:#0057ae;">}}</span><span style="color:#bf0303;">&quot;</span><span style="color:#006e28;"> alt</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;</span><span style="color:#0057ae;">{{</span>title<span style="color:#0057ae;">}}</span><span style="color:#bf0303;">&quot;</span><span style="font-weight:bold;">/&gt;</span>
0036         <span style="font-weight:bold;">&lt;/div&gt;</span>
0037         <span style="font-weight:bold;">&lt;div&gt;</span>
0038             Rating - <span style="color:#0057ae;">{{</span>ratings<span style="color:#ca60ca;">.</span>critics_rating<span style="color:#0057ae;">}}</span>
0039         <span style="font-weight:bold;">&lt;/div&gt;</span>
0040     <span style="color:#644a9b;font-weight:bold;">{{/movie}}</span>
0041     <span style="color:#644a9b;font-weight:bold;">{{^movie}}</span>
0042         <span style="font-weight:bold;">&lt;div&gt;</span>
0043             Movie Does Not Exist :(
0044         <span style="font-weight:bold;">&lt;/div&gt;</span>
0045     <span style="color:#644a9b;font-weight:bold;">{{/movie}}</span>
0046     <span style="color:#898887;">{{! this is a comment </span><span style="color:#ca9219;background-color:#451e1a;font-weight:bold;">TODO</span><span style="color:#898887;"> </span><span style="color:#e85848;background-color:#451e1a;font-weight:bold;">ALERT</span><span style="color:#898887;"> }}</span>
0047 
0048     This is a partial <span style="color:#0057ae;">{{&gt;</span><span style="color:#924c9d;"> partial1 </span><span style="color:#0057ae;">}}</span>
0049     <span style="color:#644a9b;font-weight:bold;">{{#block</span>
0050        <span style="color:#006e28;"> param</span><span style="color:#ca60ca;">=</span>foo
0051        <span style="color:#006e28;"> param2</span><span style="color:#ca60ca;">=</span>bar<span style="color:#644a9b;font-weight:bold;">}}</span>
0052         <span style="color:#0057ae;">{{</span>block<span style="color:#006e28;"> foo</span><span style="color:#ca60ca;">=</span>bar<span style="color:#0057ae;">}}</span>
0053     <span style="color:#644a9b;font-weight:bold;">{{/block}}</span>
0054 
0055     <span style="color:#898887;">&lt;!-- Handlebars --&gt;</span>
0056 
0057     <span style="color:#644a9b;font-weight:bold;">{{#list</span> people<span style="color:#644a9b;font-weight:bold;">}}</span><span style="color:#0057ae;">{{</span>firstName<span style="color:#0057ae;">}}</span> <span style="color:#0057ae;">{{</span>lastName<span style="color:#0057ae;">}}</span><span style="color:#644a9b;font-weight:bold;">{{/list}}</span>
0058     <span style="color:#644a9b;font-weight:bold;">{{#noop}}</span><span style="color:#0057ae;">{{</span>body<span style="color:#0057ae;">}}</span><span style="color:#644a9b;font-weight:bold;">{{/noop}}</span>
0059     <span style="color:#644a9b;font-weight:bold;">{{#with</span> story<span style="color:#644a9b;font-weight:bold;">}}</span>
0060         <span style="font-weight:bold;">&lt;div</span><span style="color:#006e28;"> class</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;intro&quot;</span><span style="font-weight:bold;">&gt;</span><span style="color:#3daee9;">{{{</span>intro<span style="color:#3daee9;">}}}</span><span style="font-weight:bold;">&lt;/div&gt;</span>
0061         <span style="font-weight:bold;">&lt;div</span><span style="color:#006e28;"> class</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;body&quot;</span><span style="font-weight:bold;">&gt;</span><span style="color:#3daee9;">{{{</span>body<span style="color:#3daee9;">}}}</span><span style="font-weight:bold;">&lt;/div&gt;</span>
0062     <span style="color:#644a9b;font-weight:bold;">{{/with}}</span>
0063     <span style="color:#644a9b;font-weight:bold;">{{#each</span> comments<span style="color:#644a9b;font-weight:bold;">}}</span>
0064         <span style="font-weight:bold;">&lt;div</span><span style="color:#006e28;"> class</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;comment&quot;</span><span style="font-weight:bold;">&gt;</span>
0065             <span style="font-weight:bold;">&lt;h2&gt;</span><span style="color:#0057ae;">{{</span>subject<span style="color:#0057ae;">}}</span><span style="font-weight:bold;">&lt;/h2&gt;</span>
0066             <span style="color:#3daee9;">{{{</span>body<span style="color:#3daee9;">}}}</span>
0067         <span style="font-weight:bold;">&lt;/div&gt;</span>
0068     <span style="color:#644a9b;font-weight:bold;">{{/each}}</span>
0069     <span style="color:#644a9b;font-weight:bold;">{{#list</span> nav<span style="color:#644a9b;font-weight:bold;">}}</span>
0070         <span style="font-weight:bold;">&lt;a</span><span style="color:#006e28;"> href</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;</span><span style="color:#0057ae;">{{</span>url<span style="color:#0057ae;">}}</span><span style="color:#bf0303;">&quot;</span><span style="font-weight:bold;">&gt;</span><span style="color:#0057ae;">{{</span>title<span style="color:#0057ae;">}}</span><span style="font-weight:bold;">&lt;/a&gt;</span>
0071     <span style="color:#644a9b;font-weight:bold;">{{/list}}</span>
0072 
0073     <span style="color:#898887;">{{!-- Conditionals --}}</span>
0074     <span style="color:#644a9b;font-weight:bold;">{{#if</span> isActive<span style="color:#644a9b;font-weight:bold;">}}</span>
0075         <span style="font-weight:bold;">&lt;img</span><span style="color:#006e28;"> src</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;star.gif&quot;</span><span style="color:#006e28;"> alt</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;Active&quot;</span><span style="font-weight:bold;">&gt;</span>
0076     <span style="color:#644a9b;font-weight:bold;">{{else if</span> isInactive<span style="color:#644a9b;font-weight:bold;">}}</span>
0077         <span style="font-weight:bold;">&lt;img</span><span style="color:#006e28;"> src</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;cry.gif&quot;</span><span style="color:#006e28;"> alt</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;Inactive&quot;</span><span style="font-weight:bold;">&gt;</span>
0078     <span style="color:#644a9b;font-weight:bold;">{{else}}</span>
0079         <span style="font-weight:bold;">&lt;img</span><span style="color:#006e28;"> src</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;cry.gif&quot;</span><span style="color:#006e28;"> alt</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;&quot;</span><span style="font-weight:bold;">&gt;</span>
0080     <span style="color:#644a9b;font-weight:bold;">{{/if}}</span>
0081 
0082     <span style="color:#898887;">{{!-- Escaping --}}</span>
0083     \{{escaped}}
0084     <span style="color:#644a9b;font-weight:bold;">{{{{raw}}}}</span>
0085         {{escaped}}
0086     <span style="color:#644a9b;font-weight:bold;">{{{{/raw}}}}</span>
0087 
0088     <span style="color:#898887;">{{!-- Whitespace Control --}}</span>
0089     <span style="color:#644a9b;font-weight:bold;">{{#each</span> nav ~<span style="color:#644a9b;font-weight:bold;">}}</span>
0090         <span style="font-weight:bold;">&lt;a</span><span style="color:#006e28;"> href</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;</span><span style="color:#0057ae;">{{</span>url<span style="color:#0057ae;">}}</span><span style="color:#bf0303;">&quot;</span><span style="font-weight:bold;">&gt;</span>
0091             <span style="color:#644a9b;font-weight:bold;">{{~#if</span> test<span style="color:#644a9b;font-weight:bold;">}}</span>
0092                 <span style="color:#0057ae;">{{</span>~title<span style="color:#0057ae;">}}</span>
0093             <span style="color:#644a9b;font-weight:bold;">{{~^</span>~<span style="color:#644a9b;font-weight:bold;">}}</span>
0094                 Empty
0095             <span style="color:#644a9b;font-weight:bold;">{{~/if</span>~<span style="color:#644a9b;font-weight:bold;">}}</span>
0096         <span style="font-weight:bold;">&lt;/a&gt;</span>
0097     <span style="color:#644a9b;font-weight:bold;">{{~/each}}</span>
0098 
0099     <span style="color:#898887;">{{!-- Helpers --}}</span>
0100     <span style="color:#0057ae;">{{link</span> <span style="color:#bf0303;">&quot;See more...&quot;</span> story<span style="color:#ca60ca;">.</span>url<span style="color:#0057ae;">}}</span>
0101     <span style="color:#0057ae;">{{log</span> <span style="color:#bf0303;">&quot;Look at me!&quot;</span><span style="color:#006e28;"> level</span><span style="color:#ca60ca;">=</span><span style="color:#bf0303;">&quot;error&quot;</span><span style="color:#0057ae;">}}</span>
0102 
0103     <span style="color:#898887;">{{!-- Partial --}}</span>
0104     <span style="color:#0057ae;">{{&gt;</span><span style="color:#924c9d;"> myPartial</span><span style="color:#006e28;"> name</span><span style="color:#ca60ca;">=..</span><span style="color:#924c9d;">/name </span><span style="color:#0057ae;">}}</span>
0105     <span style="color:#644a9b;font-weight:bold;">{{#&gt; myPartial</span> <span style="color:#644a9b;font-weight:bold;">}}</span>
0106         Failover content
0107     <span style="color:#644a9b;font-weight:bold;">{{/myPartial}}</span>
0108     <span style="color:#644a9b;font-weight:bold;">{{#*inline</span> <span style="color:#bf0303;">&quot;myPartial&quot;</span><span style="color:#644a9b;font-weight:bold;">}}</span>
0109         My Content
0110     <span style="color:#644a9b;font-weight:bold;">{{/inline}}</span>
0111     <span style="color:#644a9b;font-weight:bold;">{{#each</span> children<span style="color:#644a9b;font-weight:bold;">}}</span>
0112         <span style="color:#0057ae;">{{&gt;</span><span style="color:#924c9d;"> myPartial</span><span style="color:#0057ae;">}}</span>
0113     <span style="color:#644a9b;font-weight:bold;">{{/each}}</span>
0114 
0115     <span style="color:#898887;">&lt;!-- Delimiters in tags (folding) --&gt;</span>
0116     word<span style="font-weight:bold;">&lt;div&gt;</span>word
0117 
0118     word<span style="font-weight:bold;">&lt;/div&gt;</span>word
0119 
0120     <span style="font-weight:bold;">&lt;/body&gt;</span>
0121 <span style="font-weight:bold;">&lt;/html&gt;</span>
0122 </pre></body></html>