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.
This package provides the following services:
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.