Editor display bug: private truncated string

Developer Support CMS Development
1

Hey everyone,

I’m using image files within my theme to pre-populate some editor fields with demo content.

The images call in the fields.json per module look like

"src": "{{ get_asset_url('...') }}"

Now, my question: in the hubspot page editor, all module entries that rely on images show an wrongly truncated filename, see screenshots. Any idea how to avoid this and only show “clean” filenames?

41195iA9CEECC804DE0D69.png
41195iA9CEECC804DE0D69.png399×307 26.3 KB

41194i8D39F52D9E409FC6.png
41194i8D39F52D9E409FC6.png400×337 30.5 KB

Thanks a lot in advance

2

Hey @CBeringer

Have you tried the expression without the wrapping double quotes?

3

Hey @Kevin-C ,

thanks for your answer. Leavin out the double quotes leads to an validation error “was expecting double-quote to start field name”.

4

Instead of quotes try using the tojson filter.

"src": {{ get_asset_url('...')|tojson }}

5

Hey @alyssamwilie ,

thanks for your answer! Sadly it won’t work in this case, because this will not be validated by the Hubspot CLI and therefore not uploaded when using the HS CLI as a watcher. Same error as above (“was expecting double-quote to start field name”)

6

@CBeringer Tried a bunch of different things, but I think the fields.json just isn’t meant to use HubL.

7

@alyssamwilie thanks you very much for investigating here. When referring the img src with an relative path without HubL, HS does not resolve the path correctly, so no img found. Alternative would be an absolute url, which is not a good thing when transferring the theme to my clients account. So seems like there’s not a perfect solution for relative src default images in a module.

8

@CBeringer You could instead just call the URL directly. I believe the structure is --

//f.hubspotusercontent00.net/hubfs/PORTALID/raw_assets/public/image_file.png