{{title}}
+Hello, {{ name }}!
{{title}}
+Hello world!
``` ## JSON ```json -{{title}}
+{{subject}}
+ {{{body}}} +
+ {{else if isInactive}}
+ 
+ {{else}}
+
+ <? /* This is a pseudo PHP file to test Kate's PHP syntax highlighting. */ # TODO: this is incomplete, add more syntax examples! # this is also a comment. // Even this is a comment function test($varname) { return "bla"; # this is also a comment } ?> <?php echo("hello test"); ?> <html> <? print "<title>test</title>"; ?> <!-- CSS --> <style> .inputText { width: <?php echo $width; ?>px; text-indent: 10px; } </style> <!-- JavaScript --> <script> var some_js_var = <?php echo $somevar; ?> ; <?php echo 'alert("Hello there.");'; ?> </script> <!-- JavaScript React --> <script type="text/babel"> <Hello> <?php echo("Hello, hello!"); ?> </Hello> <?php /* aaa */ ?> <div></div> function a(i) { <?php echo "var j = 1;"; ?> return <p>{ i + j }</p>; } </script> <!-- TypeScript --> <script type="text/typescript"> <?php $timestamp = time(); ?> class DateTime { info: string; constructor() { this.info = <?php echo(date("F d, Y h:i:s", $timestamp)); ?>; } get() { return this.info; } } </script> <!-- MustacheJS --> <script type="x-tmpl-mustache"> {{! <?php print "comment"; ?> }} {{#movie}} <div> - <h1>{{title}}</h1> - <img src="{{poster}}" alt="{{title}}"/> - <?php echo $movierating; ?> - {{ratings.critics_rating}} + <h1>{{title}}</h1> + <img src="{{poster}}" alt="{{title}}"/> + <?php echo $movierating; ?> - {{ratings.critics_rating}} </div> {{/movie}} </script> </html> <?php $var = <<<DOOH This is the $string inside the variable (which seems to be rendered as a string) It works well, I think. DOOH # bug 382527 throw new ParserException("Test {$this->some_var[$index]}\nin {$this->file} is missing.\nThis is bad."); ?>diff --git a/autotests/html/test.htm.html b/autotests/html/test.htm.html index 66d05d0..60b1ae3 100644 --- a/autotests/html/test.htm.html +++ b/autotests/html/test.htm.html @@ -1,70 +1,76 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>This is a title</title> <style> /* comment */ #xyz { color: red; } h1 { font: "Comic Sans"; } </style> </head> <body class="ui main"> <p *ngFor="let name of names">Hello, {{ name }}!</p> </body> <!-- JavaScript code --> <script> document.body.appendChild(document.createTextNode('Hello World!')); // comment </script> <!-- TypeScript code --> <script type="text/typescript"> class Student { fullName: string; constructor(public firstName: string, public middleInitial: string, public lastName: string) { this.fullName = firstName + " " + middleInitial + " " + lastName; } } let a: null = null; let b: number = 12___3; </script> <!-- JSX code --> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') ); function Story(props) { const SpecificStory = components[props.storyType]; return <SpecificStory story={ props.story } attr2="&ref;" attr3="Hello\n" />; } </script> <!-- MustacheJS --> <script type="x-tmpl-mustache"> {{#movie}} <div> - <h1>{{title}}</h1> - <img src="{{poster}}" alt="{{title}}"/> + <h1>{{title}}</h1> + <img src="{{poster}}" alt="{{title}}"/> </div> <div> - Rating - {{ratings.critics_rating}} + Rating - {{ratings.critics_rating}} </div> {{/movie}} {{^movie}} <div> Movie Does Not Exist :( </div> {{/movie}} - {{! comment }} + {{! comment }} </script> + + <!-- HTML template --> + <script type="text/html"> + <li><a href="link">Hello</a></li> + </script> + </html>diff --git a/autotests/html/test.mustache.html b/autotests/html/test.mustache.html new file mode 100644 index 0000000..7dba1f1 --- /dev/null +++ b/autotests/html/test.mustache.html @@ -0,0 +1,117 @@ + + + +
+<!-- Mustache / Handlebars / Ractive template --> +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8" /> + <title>{{title}}</title> + </head> + <!-- CSS --> + <style> + /* Mustache variable support in CSS is incomplete */ + {{mustache}} + [ {{other}} ] + body { + {{{other}}} + font-size: 15pt; + font-family: Verdana; + } + </style> + <!-- JavaScript --> + <script> + var foo = {{bar}}; + `template {{foo}} ${ var a = {{b}} }` + </script> + + <body> + {{#movie}} + <div> + <h1>{{title}}</h1> + <img src="{{poster}}" alt="{{title}}"/> + </div> + <div> + Rating - {{ratings.critics_rating}} + </div> + {{/movie}} + {{^movie}} + <div> + Movie Does Not Exist :( + </div> + {{/movie}} + {{! this is a comment TODO ALERT }} + + This is a partial {{> partial1 }} + {{#block + param=foo + param2=bar}} + {{block foo=bar}} + {{/block}} + + <!-- Handlebars --> + + {{#list people}}{{firstName}} {{lastName}}{{/list}} + {{#noop}}{{body}}{{/noop}} + {{#with story}} + <div class="intro">{{{intro}}}</div> + <div class="body">{{{body}}}</div> + {{/with}} + {{#each comments}} + <div class="comment"> + <h2>{{subject}}</h2> + {{{body}}} + </div> + {{/each}} + {{#list nav}} + <a href="{{url}}">{{title}}</a> + {{/list}} + + {{!-- Conditionals --}} + {{#if isActive}} + <img src="star.gif" alt="Active"> + {{else if isInactive}} + <img src="cry.gif" alt="Inactive"> + {{else}} + <img src="cry.gif" alt=""> + {{/if}} + + {{!-- Escaping --}} + \{{escaped}} + {{{{raw}}}} + {{escaped}} + {{{{/raw}}}} + + {{!-- Whitespace Control --}} + {{#each nav ~}} + <a href="{{url}}"> + {{~#if test}} + {{~title}} + {{~^~}} + Empty + {{~/if~}} + </a> + {{~/each}} + + {{!-- Helpers --}} + {{link "See more..." story.url}} + {{log "Look at me!" level="error"}} + + {{!-- Partial --}} + {{> myPartial name=../name }} + {{#> myPartial }} + Failover content + {{/myPartial}} + {{#*inline "myPartial"}} + My Content + {{/inline}} + {{#each children}} + {{> myPartial}} + {{/each}} + + </body> +</html> +diff --git a/autotests/input/test.htm b/autotests/input/test.htm index 600c351..5c137ce 100644 --- a/autotests/input/test.htm +++ b/autotests/input/test.htm @@ -1,63 +1,69 @@
Hello, {{ name }}!
+ + + + diff --git a/autotests/input/test.mustache b/autotests/input/test.mustache new file mode 100644 index 0000000..7f3f842 --- /dev/null +++ b/autotests/input/test.mustache @@ -0,0 +1,110 @@ + + + + + +
+ 
+
+ {{title}}
+
+ Rating - {{ratings.critics_rating}}
+
+ {{/movie}}
+ {{^movie}}
+
+ Movie Does Not Exist :(
+
+ {{/movie}}
+ {{! this is a comment TODO ALERT }}
+
+ This is a partial {{> partial1 }}
+ {{#block
+ param=foo
+ param2=bar}}
+ {{block foo=bar}}
+ {{/block}}
+
+
+
+ {{#list people}}{{firstName}} {{lastName}}{{/list}}
+ {{#noop}}{{body}}{{/noop}}
+ {{#with story}}
+ {{{intro}}}
+ {{{body}}}
+ {{/with}}
+ {{#each comments}}
+ {{title}}
+ {{/list}}
+
+ {{!-- Conditionals --}}
+ {{#if isActive}}
+
+ {{else if isInactive}}
+
+ {{else}}
+
+ {{/if}}
+
+ {{!-- Escaping --}}
+ \{{escaped}}
+ {{{{raw}}}}
+ {{escaped}}
+ {{{{/raw}}}}
+
+ {{!-- Whitespace Control --}}
+ {{#each nav ~}}
+
+ {{~#if test}}
+ {{~title}}
+ {{~^~}}
+ Empty
+ {{~/if~}}
+
+ {{~/each}}
+
+ {{!-- Helpers --}}
+ {{link "See more..." story.url}}
+ {{log "Look at me!" level="error"}}
+
+ {{!-- Partial --}}
+ {{> myPartial name=../name }}
+ {{#> myPartial }}
+ Failover content
+ {{/myPartial}}
+ {{#*inline "myPartial"}}
+ My Content
+ {{/inline}}
+ {{#each children}}
+ {{> myPartial}}
+ {{/each}}
+
+
+
diff --git a/autotests/reference/highlight.php.ref b/autotests/reference/highlight.php.ref
index 8a92751..a6452ee 100644
--- a/autotests/reference/highlight.php.ref
+++ b/autotests/reference/highlight.php.ref
@@ -1,69 +1,69 @@
{}-
-
+
+
-
-
-
+
+
+
-
+
diff --git a/autotests/reference/test.htm.ref b/autotests/reference/test.htm.ref index 9c87bf9..516ea28 100644 --- a/autotests/reference/test.htm.ref +++ b/autotests/reference/test.htm.ref @@ -1,63 +1,69 @@
{}-
+
-
-
-
+
+
+
-
+
-
-
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
{{subject}}
+ {{{body}}} +