language-htl

HTML Template Language (HTL, formerly Sightly) is the recommended server-side template system for HTML in Adobe Experience Manager (AEM). It increases security, and allows HTML developers without Java knowledge to better participate in AEM projects.
kevinweber
229
Flag as spam or malicious

HTML Template Language (HTL, formerly Sightly) language support in Atom

Adds syntax highlighting, completions, and snippets to HTML Template Language in Atom.

Contributions are greatly appreciated. Please fork this repository and open a pull request to add snippets, make grammar tweaks, etc.

Snippets

To use a snippet, simply type one of the available prefixes, then press the tab key (↹). Press ↹ repeatedly to jump to next hotspots within the snippet. Examples:

  • <!-- becomes <!--/* */-->
  • component becomes <sly data-sly-use.component="template.html" data-sly-call="${component.template @ properties=properties}" />
  • template becomes <template data-sly-template.template="${@ properties}"></template>
  • @ c becomes @ context=''

A list with all snippets is available on the settings page of this extension within Atom.

If you're using Emmet, you'll see that the tab key doesn't work for your Emmet snippets anymore. Use "cmd-e" instead.