JQtpl Syntax Highlighting

JQtpl Syntax Highlighting is a Visual Studio Code extension that provides syntax highlighting support for the JQtpl template language. With this extension, you can write and maintain JQtpl templates more effectively by leveraging enhanced code readability and JavaScript integration.

Features

• Full syntax highlighting for:
  • JQtpl-specific constructs:
    • {{if ...}}, {{else}}, {{/if}}
    • {{each ...}}, {{/each}}
    • {{tmpl ...}}, {{html ...}}
    • {{! comments }}
  • JavaScript expressions within JQtpl tags.
  • HTML content embedded in templates.
• Seamless integration with JavaScript syntax for maximum flexibility.
• Recognizes and highlights JQtpl-specific patterns like:
  • Escaped output: ${variable}
  • Unescaped HTML output: {{html variable}}
• Works with .jqtpl files by default.

Installation

1. Open Visual Studio Code.
2. Go to the Extensions Marketplace.
3. Search for JQtpl Syntax Highlighting.
4. Click Install.

Alternatively, you can install it via the Visual Studio Code Marketplace.

Usage

1. Open any file with the .jqtpl extension.
2. Start coding with fully enabled syntax highlighting for JQtpl.

Example

Here’s an example of a JQtpl file:

<div>
  {{if user.age > 18}}
    <p>Welcome, ${user.name}!</p>
  {{else}}
    <p>Sorry, you must be 18 or older.</p>
  {{/if}}
</div>

<ul>
  {{each(index, item) items}}
    <li>${item.name}</li>
  {{/each}}
</ul>