Js Handlebars - use and apply CSS inside a template

Question

I use handlebars like this somewhere inside the body of the HTML

{{template.header}}

Everything works as expected till I want to add css styles/or HTML tags as the "header" content (styling is not as part of the parent item, because I dynamically get the styling from outside) . Eg: "header" -> <p style="font-size:14px"> My header </p>

If I try to use that I get them in the outputted result, probably as expected because I don't specify somehow that the template owner wants control over the styling inside the passed template data

Is there a way for the user to specify styling from outside and handlebars just to output the passed input styling ?

TJ H. · Accepted Answer · 2022-11-03 19:56:40Z

1

You can use triple brackets to render html. Just be careful because this opens you up to XSS attacks if its user input viewable by other users.

{{{template.header}}}

https://handlebarsjs.com/guide/expressions.html#html-escaping

answered Nov 3, 2022 at 19:56

TJ H.

2941 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Js Handlebars - use and apply CSS inside a template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related