Display blog post snippet

Developer Support CMS Development
1

Hi,

I’m currently building a blog template that outputs a couple of lines preview text on the listing page.

At the minute I’m using the {{ content.post_list_content }} hubl tag to display the preview text but it pulls through html like <a> tags and <video> elements which should be stripped out.

Does anyone know the best way to pull the preview text into a blog template as text and strip out the html?

Thanks for your help!

David

2

Hey @david_eic you can accomplish this by using the striptags HubL filter which is documented here. Your code would look something like this:

<p>{{ content.post_list_content|striptags }}</p>

Let me know if you have any questions about this!

3

I’m having a similar issue on my blog listing page (Bike Security Blog | Madrax) with HubSpot Videos. Where in the preview text it’s bringing in the video code:

{% video_player “embed_player” overrideable=False, type=‘scriptV4’, hide_playlist=True, viral_sharing=False, embed_button=False, autoplay=False, hidden_controls=False, loop=False,…

This is what is in my blog listing code:

<p>{{ content.post_list_content|safe|truncatehtml(190 )|striptags }}</p>

Any idea how to keep that video code from showing up?

4

Figured it out, the striptags needs to be before the truncatehtml in the code.

5

Hi there, how do I pull all the tags without strip it one?

6

striptags

Strip SGML/XML tags and replace adjacent whitespace by one space. This filter can be used to remove any HTML tags from a variable.

safe

Mark the value as safe which means that in an environment with automatic escaping enabled this variable will not be escaped.

{{ topic_post.post_list_content|safe|striptags }}