CMS Development

david_eic
Participant | Partenaire solutions Gold
Participant | Partenaire solutions Gold

Display blog post snippet

Résolue

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

1 Solution acceptée
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Display blog post snippet

Résolue

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!

Voir la solution dans l'envoi d'origine

5 Réponses
Techclaro
Participant

Display blog post snippet

Résolue

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 }}

 

 

0 Votes
madraxsam
Participant

Display blog post snippet

Résolue

I'm having a similar issue on my blog listing page (https://blog.madrax.com/blog) 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? 

0 Votes
madraxsam
Participant

Display blog post snippet

Résolue

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

BManandhar
Membre

Display blog post snippet

Résolue

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

0 Votes
JasonRosa
Solution
HubSpot Employee
HubSpot Employee

Display blog post snippet

Résolue

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!