How to access Gloabal objects in HTL

[#1]

I have gone through the documentation in below url about Global objects in HTL:

https://docs.adobe.com/docs/en/htl/docs/global-objects.html.

I need to change the below existing code in JSP to Sightly(HTL):

<%

 if (WCMMode.fromRequest(request) == WCMMode.EDIT){
            %><img src="/libs/cq/ui/resources/0.gif" class="cq-carousel-placeholder" alt=""><%
        }

%>

I want to access the wcmmode and the request object directly in sightly without using the Java class. However I am facing issues in doing that. Could someone provide me the way(syntax) to access the objects directly in HTL ?

Thanks.

[#2 · Accepted solution]

Check the HTL spec here: 

https://github.com/Adobe-Marketing-Cloud/htl-spec/blob/master/SPECIFICATION.md

For example: 

<div data-sly-test.isEditMode="${wcmmode.edit}">${isEditMode}</div>

Hope this helps.... 

[#3]

Thanks a lot it worked. I was using the upper case thats why it didn't work.

[#4]

<img data-sly-test="${wcmmode.edit}" src="/libs/cq/ui/resources/0.gif" class="cq-carousel-placeholder" alt="">