Skip to content

Latest commit

 

History

History
122 lines (95 loc) · 1.89 KB

abe-tags.md

File metadata and controls

122 lines (95 loc) · 1.89 KB

Abe tag

You can add Abe tag to you template following simple rules.

Abe DOM element

This abe tag will display text on the document.

TEMPLATE

<html>
    <head>
    </head>
    <body>
        {{abe type='text' key='text_dom'}}
    </body>
</html>

RENDER

<html>
    <head>
    </head>
    <body>
        Hello
    </body>
</html>

Abe DOM Attributes

This example will be added to body > class HTML attributes.

TEMPLATE

<html>
    <head>
    </head>
    <body class="{{abe type='text' key='text_class'}}">	
    </body>
</html>

RENDER

<html>
    <head>
    </head>
    <body class="class-hello">		
    </body>
</html>

More examples

Multiple attributes

Multiple attributes are allowed on the same HTML DOM object.

<html>
    <head>
    </head>
    <body class="{{abe type='text' key='text_class'}}" id="{{abe type='text' key='text_id'}}">		
    </body>
</html>

Concatenate with attribute

<html>
    <head>
    </head>
    <body class="my-body-class {{abe type='text' key='text_class'}}">		
    </body>
</html>

If handlebars

On the next example if variable text_class is not empty use text_class otherwise use my-default-class.

<html>
    <head>
    </head>
    <body class="{{#if text_class}}{{abe type='text' key='text_class'}}{{else}}my-default-class{{/if}}">		
    </body>
</html>

WARNING: THE FOLLOWING EXAMPLE ARE NOT IMPLEMENTED YET

Multiple abe attribute into the same HTML tag.

<html>
    <head>
    </head>
    <body class="{{abe type='text' key='text_1'}}{{abe type='text' key='text_2'}}">		
    </body>
</html>

Tips use visible false Abe attribute.

{{abe type='text' key='text_1' visible="false"}}
{{abe type='text' key='text_2' visible="false"}}
<html>
    <head>
    </head>
    <body class="{{text_1}} {{text_2}}">		
    </body>
</html>