HubL-Filter

{% set my_number = -53 %}
{{ my_number|abs }}

53

{% set my_num = 40 %}
{{ my_num|add(13) }}

53

{{ content|attr("absolute_url") }}

https://developers.hubspot.com/docs/cms/hubl/filters

{% set rows = ["apples", "oranges", "pears", "grapes", "blueberries"] %}

<table>
{% for row in rows|batch(3, " ") %}
<tr>
{% for column in row %}
<td>{{ column }}</td>
{% endfor %}
</tr>
{% endfor %}
</table>

<table>
<tbody>
<tr>
<td>apples</td>
<td>oranges</td>
<td>pears</td>
</tr>
<tr>
<td>grapes</td>
<td>blueberries</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

{% set begin = "2018-07-14T14:31:30+0530"|strtotime("yyyy-MM-dd'T'HH:mm:ssZ") %}
{% set end = "2018-07-20T14:31:30+0530"|strtotime("yyyy-MM-dd'T'HH:mm:ssZ") %}
{{ begin|between_times(end, "days") }}

6

{% if "true"|bool == true %}hello world{% endif %}

hello world

{% set sentence = "the first letter of a sentence should always be capitalized." %}
{{ sentence|capitalize }}

The first letter of a sentence should always be capitalized.

<pre>
{% set var = "string to center" %}
before{{ var|center(80) }}after
</pre>

<pre>
before                                string to center                                after
</pre>

{% set my_color = "#FFFFFF" %}
{{ my_color|convert_rgb }}
{% set my_color2="#000000" %}
<div style="background: rgba({{ my_color2|convert_rgb }}, .5)"></div>

255, 255, 255

<div style="background: rgba(0, 0, 0, .5)"></div>

{% set my_string = "Hello world." %}
{{ my_string|cut(" world") }}

Hello.

{{ my_variable|default("my_variable is not defined") }}
{{ ""|default("the string was empty", true) }}

my_variable is not defined the string was empty

{% for item in contact|dictsort(false, "value") %}
{{item}}
{% endfor %}

A sorted contact dictionary

{{ [1, 2, 3]|difference([2, 3, 4, 5]) }}

[1]

{% set numerator = 106 %}
{{ numerator|divide(2) }}

53

{% set num = 10 %}
{% if num|divisible(2) %}
The number is divisible by 2
{% endif %}

The number is divisible by 2

{% set escape_string = "<div>This markup is printed as text</div>" %}
{{ escape_string|escape_html }}

<div>This markup is printed as text</div>

{% set escape_string = "This <br> markup is printed as text" %}
<img src="test.com/imageurl" alt="{{escape_string|escape_attr}}">

<img src="test.com/imageurl" alt="This <br> markup is printed as text" />

{% set escape_string = "{{This markup is printed as text}}" %}
{{ escape_string|escape_jinjava }}

{{This markup is printed as text}}

{% set escape_string = "\tThey said 'This string can safely be inserted into JavaScript.'" %}
{{ escape_string|escape_js }}

\tThey said \x27This string can safely be inserted into JavaScript.\x27

{% set escape_string = "http://example.com/with space/<html>" %}
<a href="https://developers.hubspot.de/docs{{ escape_string|escape_url }}"></a>

<a href="http://example.com/with%20space/%3Chtml%3E"></a>

{% set escape_string = "<script>alert('oh no!')</script>" %}
{% require_js position="head" %}
<script data-search_input-config="config_{{ name }}" type="application/json">
{
"autosuggest_results_message": "{{ escape_string|escapejson }}"
}
</script>
{% end_require_js %}

<script
data-search_input-config="config_widget_1234567"
type="application/json"
>
{
"autosuggest_results_message": "<script>alert('oh no!')<\/script>"
}
</script>

{% set bytes = 10000 %}
{{ bytes|filesizeformat(binary=true) }}

9.8 KiB

{% set my_sequence = ["Item 1", "Item 2", "Item 3"] %}
{{ my_sequence|first }}

Item 1

{% set my_text="25" %}
{{ my_text|float + 17 }}

42.0

{% set escape_string = "<div>This markup is printed as text</div>" %}
{{ escape_string|forceescape }}

<div>This markup is printed as text</div>

{{ "Hi %s %s"|format(contact.firstname, contact.lastname) }}

Hi Monty Python

{{ 100 | format_currency_value(locale='en-GB', currency='EUR', maxDecimalDigits=6, minDecimalDigits=1) }}

€100.0

{{ content.publish_date | format_date('long') }}
{{ content.publish_date | format_date('yyyy.MMMM.dd') }}
{{ content.publish_date | format_date('medium', 'America/New_York', 'de-DE') }}

November 28, 2022 02022.November.28 28.11.2022

{{ content.publish_date | format_datetime('medium', 'America/New_York', 'de-DE') }}

12/31/69 7:00 PM

{{ 1000|format_number('en-US') }}
{{ 1000.333|format_number('fr') }}
{{ 1000.333|format_number('en-US', 2) }}

1,000
1 000,333
1,000.33

{{ content.updated | format_time('long') }}
{{ content.updated | format_time('hh:mm a') }}
{{ content.updated | format_time('medium', 'America/New_York', 'de-DE') }}

3:25:06 PM Z 03:25 PM 10:25:44

{% set obj ='{ "name":"Brian","role":"Owner" }' %}
{{ obj|fromjson }}

{role=Owner, name=Brian}

<!-- in the example below
the HubDB Location =
42.3667, -71.1060 (Cambridge, MA) |
Chicago, IL = 37.3435, -122.0344 -->
{{ row.location | geo_distance(37.3435, -122.0344, "mi") }} MI

861.1655563461395 MI

<ul>
{% for group in contents|groupby("blog_post_author") %}
<li>{{ group.grouper }}
<ul>
{% for content in group.list %}
<li>{{ content.name }}</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>

<ul>
<li>
Blog author 1
<ul>
<li>Post by Blog author 1</li>
<li></li>
<li>Post by Blog author 1</li>
<li></li>
<li>Post by Blog author 1</li>
<li></li>
</ul>
</li>
<li>
Blog author 2
<ul>
<li>Post by Blog author 2</li>
<li></li>
<li>Post by Blog author 2</li>
<li></li>
<li>Post by Blog author 2</li>
<li></li>
</ul>
</li>
<li>
Blog author 3
<ul>
<li>Post by Blog author 3</li>
<li></li>
<li>Post by Blog author 3</li>
<li></li>
<li>Post by Blog author 3</li>
<li></li>
</ul>
</li>
</ul>

<pre>
{% set var = "string to indent" %}
{{ var|indent(2, true) }}
</pre>

string to indent

{% set string="25" %}
{{ string|int + 17 }}

42

{{ [1, 2, 3]|intersect([2, 3, 4, 5]) }}

[2, 3]

{% set ip = "1.0.0.1" %}
{% if ip|ipaddr %}
The string is a valid IP address
{% endif %}

The string is a valid IP address

{% set my_list = [1, 2, 3] %}
{% set sep = "---" %}
{{ my_list|join }}
{{ my_list|join("|") }}
{{ my_list|join(sep) }}

123 1|2|3 1---2---3

{% set my_sequence = ["Item 1", "Item 2", "Item 3"] %}
{% my_sequence|last %}

Item 3

{% set services = ["Web design", "SEO", "Inbound Marketing", "PPC"] %}
{{ services|length }}

4

{% set one = 1 %}
{% set two = 2 %}
{% set three = "three" %}
{% set four = ["four"] %}
{% set list_num = one|list + two|list + three|list + four|list %}
{{ list_num }}

[1, 2, t, h, r, e, e, four]

{{ 10|log }}
{{ 65536|log(2) }}

2.302585092994046 16.0

{% set text="Text to MAKE LowercaSe" %}
{{ text|lower }}

text to make lowercase

{# Usage 1 #}
Apply a filter to a sequence:
{% set seq = ["item1", "item2", "item3"] %}
{{ seq|map("upper") }}

{# Usage 2 #}
Look up an attribute:
{{ content|map("currentState")}}

Apply a filter to a sequence: [ITEM1, ITEM2, ITEM3]
Look up an attribute: [DRAFT]

{{ content.absolute_url|md5 }}

923adb4ce05a4c6342c04c80be88d15e

{% set date = "2018-07-14T14:31:30+0530"|strtotime("yyyy-MM-dd'T'HH:mm:ssZ") %}
{{ date }}
{{ date|minus_time(2, "months") }}

2018-07-14 14:31:30 2018-05-14 14:31:30

{% set n = 20 %}
{{ n|multiply(3) }}

60

{% set date = "2018-07-14T14:31:30+0530"|strtotime("yyyy-MM-dd'T'HH:mm:ssZ") %}
{{ date }}
{{ date|plus_time(5, "days") }}

2018-07-14 14:31:30 2018-07-19 14:31:30

{% set this_var ="Variable that I want to debug" %}
{{ this_var|pprint }}

(String: Variable that I want to debug)

{% for content in contents|random %}
<div class="post-item">Post item markup</div>
{% endfor %}

<div class="post-item">Random post</div>

{{ "contact-us-2"|regex_replace("[^a-zA-Z]", "") }}

contactus

{% set some_numbers = [10, 12, 13, 3, 5, 17, 22] %}
{{ some_numbers|reject("even") }}

[13, 3, 5, 17]

{% for content in contents|rejectattr("post_list_summary_featured_image") %}
<div class="post-item">
{% if content.post_list_summary_featured_image %}
<div class="hs-featured-image-wrapper">
<a href="https://developers.hubspot.de/docs{{content.absolute_url}}" title="" class="hs-featured-image-link">
<img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image">
</a>
</div>
{% endif %}
{{ content.post_list_content|safe }}
</div>
{% endfor %}

<div class="post-item">Post with no featured image</div>
<div class="post-item">Post with no featured image</div>
<div class="post-item">Post with no featured image</div>

{{ personalization_token("contact.lastname", "default value")|render|lower }}

mclaren

{% if topic %}
<h3>Posts about {{ page_meta.html_title|replace("Blog | ", "") }}</h3>
{% endif %}

<h3>Posts about topic name</h3>

{% set nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] %}
{% for num in nums|reverse %}
{{ num }}
{% endfor %}

10 9 8 7 6 5 4 3 2 1

{{ 16|root }}
{{ 625|root(4) }}

4 5

{{ 52.5|round }}
{{ 52.5|round(0, "floor") }}

53 52

{{ content.post_list_content|safe }}

<p>HTML post content that is not escaped.</p>

{% set escape_string = "This <br> <div>markup is <img src='test.com/image'> <span>printed</span> as text.</div>" %}
{{ escape_string|sanitize_html("IMAGES") }}

This  markup is <img src="test.com/image"> printed as text.</div>

{% set some_numbers = [10, 12, 13, 3, 5, 17, 22] %}
{{ some_numbers|select("even") }}

[10, 12, 22]

{% for content in contents|selectattr("post_list_summary_featured_image") %}
<div class="post-item">
{% if content.post_list_summary_featured_image %}
<div class="hs-featured-image-wrapper">
<a href="https://developers.hubspot.de/docs{{content.absolute_url}}" title="" class="hs-featured-image-link">
<img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image">
</a>
</div>
{% endif %}
{{ content.post_list_content|safe }}
</div>
{% endfor %}

<div class="post-item">
<div class="hs-featured-image-wrapper">
<a
href="http://blog.hubspot.com/marketing/how-to-get-a-job"
title=""
class="hs-featured-image-link"
>
<img
src="//cdn2.hubspot.net/hub/53/hubfs/00-Blog-Related_Images/landing-a-job-featured-image.png?t=1431452322770&width=761"
class="hs-featured-image"
/>
</a>
</div>
Post with featured image
</div>

{% for content in contents|shuffle %}
<div class="post-item">Markup of each post</div>
{% endfor %}

<div class="post-item">Markup of each post 5</div>
<div class="post-item">Markup of each post 3</div>
<div class="post-item">Markup of each post 1</div>
<div class="post-item">Markup of each post 2</div>
<div class="post-item">Markup of each post 4</div>

{% set items = ["laptops", "tablets", "smartphones", "smart watches", "TVs"] %}
<div class="columwrapper">
{% for column in items|slice(3," ") %}
<ul class="column-{{ loop.index }}">
{% for item in column %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endfor %}
</div>

<div class="columwrapper">
<ul class="column-1">
<li>laptops</li>
<li>tablets</li>
<li>smartphones</li>
</ul>

<ul class="column-2">
<li>smart watches</li>
<li>TVs</li>
<li></li>
</ul>
</div>

{% set my_posts = blog_recent_posts("default", limit=5) %}

{% for item in my_posts|sort(False, False, "name") %}
{{ item.name }}<br>

{% endfor %}

A post<br />
B post<br />
C post<br />
D post<br />
E post<br />

{% set string_to_split = "Mark; Irving; Helly; Dylan; Milchick; Harmony;" %}
{% set names = string_to_split|split(";", 4) %}
<ul>
{% for name in names %}
<li>{{ name }}</li>
{% endfor %}
</ul>

<ul>
<li>Mark</li>
<li>Irving</li>
<li>Helly</li>
<li>Dylan; Milchick; Harmony;</li>
</ul>

{% set number_to_string = 45 %}
{{ number_to_string|string|pprint }}

(String: 45)

{% set some_html = "<div><strong>Some text</strong></div>" %}
{{ some_html|striptags }}

some text

{{ '3/3/21'|strtodate('M/d/yy') }}

2021-03-03 00:00:00

{{ "2018-07-14T14:31:30+0530"|strtotime("yyyy-MM-dd'T'HH:mm:ssZ")|unixtimestamp }}

1531558890000

// Simple sum
{% set sum_this = [1, 2, 3, 4, 5] %}
{{ sum_this|sum }}

// Sum of attribute
{% set items = [15, 10] %}
{% set dict_var = [{"name": "Item1", "price": "20"}, {"name": "Item2", "price": "10"}] %}
Total: {{ dict_var|sum(attribute="price") }}

15 Total: 30

{{ [1, 2, 3]|symmetric_difference([2, 3, 4, 5]) }}

[1, 4, 5]

{% set my_title="my title should be title case" %}
{{ my_title|title }}

My Title Should Be Title Case

{% for content in contents %}
{{ content.blog_post_author|tojson }}
{% endfor %}

{
"portalId": 1234567,
"id": 12312253109,
"created": 1566413741989,
"updated": 1566414012799,
"deletedAt": 0,
"fullName": "Sample User",
"email": "sampleUser@example.com",
"userId": null,
"username": null,
"slug": "sample-user",
"jsonBody": {
"avatar": "https://app.hubspot.com/settings/avatar/109d6874a0cb066c1c7263ac5df6ce7a",
"bio": "Sample Bio",
"facebook": "",
"linkedin": "",
"twitter": "",
"website": "https://www.hubspot.com"
},
"bio": "Sample Bio",
"facebook": "",
"linkedin": "",
"avatar": "https://app.hubspot.com/settings/avatar/109d6874a0cb066c1c7263ac5df6ce7a",
"gravatarUrl": "https://app.hubspot.com/settings/avatar/108bb5ac667ded34796271437dfe8d58",
"twitterUsername": "",
"hasSocialProfiles": false,
"website": "https://www.hubspot.com",
"twitter": "",
"displayName": "Sample User"
}

{{ " remove whitespace " }}
{{ " remove whitespace "|trim }}

remove whitespace remove whitespace

{{ "I only want to show the first sentence. Not the second."|truncate(40) }}
{{ "I only want to show the first sentence. Not the second."|truncate(35, true, "..........") }}

I only want to show the first sente..........

{% set html_text = "<p>I want to truncate this text without breaking my HTML<p>" %}
{{ html_text|truncatehtml(28, "..." , false) }}

<p>I want to truncate this..</p>

{% set escape_string = "me & you" %}
{{ escape_string|unescape_html }}

me & you

{{ [1, 2, 3]|union([2, 3, 4, 5]) }}

[1, 2, 3, 4, 5]

{% set my_sequence = ["one", "one", "two", "three" ] %}
{{ my_sequence|unique }}

[one, two, three]

{{ local_dt }}
{{ local_dt|unixtimestamp }}

2017-01-30 17:11:44 1485814304000

{% set text="text to make uppercase" %}
{{ text|upper }}

TEXT TO MAKE UPPERCASE

{% set encode_value="Escape & URL encode this string" %}
{{ encode_value|urlencode }}

Escape+%26+URL+encode+this+string

{% set decode_value="Escape+%26+URL+decode+this+string" %}
{{ decode_value|urldecode }}

Escape & URL decode this string

{{ "http://hubspot.com/"|urlize }}
{{ "http://hubspot.com/"|urlize(10,true) }}
{{ "http://hubspot.com/"|urlize("",true) }}
{{ "http://hubspot.com/"|urlize("",false,target="_blank") }}

<a href="https://developers.hubspot.de/docs//hubspot.com/">http://hubspot.com/</a>
<a href="https://developers.hubspot.de/docs//hubspot.com/" rel="nofollow">http://...</a>
<a href="https://developers.hubspot.de/docs//hubspot.com/" rel="nofollow">http://hubspot.com/</a>
<a href="https://developers.hubspot.de/docs//hubspot.com/" target="_blank">http://hubspot.com/</a>

{%  set count_words = "Count the number of words in this variable"  %}
{{ count_words|wordcount }}

8

{% set wrap_text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam efficitur, ipsum non sagittis euismod, ex risus rhoncus lectus, vel maximus leo enim sit amet dui. Ut laoreet ultricies quam at fermentum." %}
{{ wrap_text|wordwrap(10) }}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam efficitur, ipsum
non sagittis euismod, ex risus rhoncus lectus, vel maximus leo enim sit amet
dui. Ut laoreet ultricies quam at fermentum.

{% set html_attributes = {"class": "bold", "id": "sidebar"} %}
<div {{ html_attributes|xmlattr }}></div>

<div class="bold" id="sidebar"></div>