How to pass html tags in a string with node.js, express and ejs

Question

I use Node.js with Express and EJS and I want to pass html tags in a string to the browser like this:

listRequests.forEach(function(key) {
    messages.push("You have a message from <b>" + key.username + "</b>");
});

Later in my code:

res.render('/wallets', {
              messages     : messages,
              ...
           });

And in my html template, I have something like

<h2>Messages</h2>
<% messages.forEach(function(message) { %>
<p><%= message %></p>
<% }); %>

The problem: the browser displays the text with the tags like John instead of John

Split it into two attributes. Text and name. Like this { text: " You have a message from", username: "John"}. Then just use the two attributes in the template. <%= message.text %> <%= message.username %> — magnudae
– magnudae, Commented Jan 18, 2016 at 15:10
you have a new <a href="linkToMessage">message</a> from user111 You have a <a href="linkToRequest">request</a> to access your wallet The wallet <a href="linkToWallet">ABC</a> will needs more funds that's why I would like to construct the text before sending it to the template — jfjobidon
– jfjobidon, Commented Jan 18, 2016 at 15:28

Francisco Zarabozo · Accepted Answer · 2021-04-28 07:52:51Z

6

To render raw html with ejs, use <%- your_var %>. In your case:

<h2>Messages</h2>
<% messages.forEach(function(message) { %>
<p><%- message %></p>
<% }); %>

It's the same to render partial views.. etc.. give it a try

3,7782 gold badges31 silver badges55 bronze badges

answered Jan 18, 2016 at 19:16

rmjoia

99812 silver badges21 bronze badges

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

1 Answer 1