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

admin管理员组

文章数量:1420078

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 <b>John</b> instead of John

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 <b>John</b> instead of John

• javascript
• node.js
• express
• ejs

Share Improve this question Follow asked Jan 18, 2016 at 15:07 jfjobidonjfjobidon 32755 silver badges1818 bronze badges 3

• 1 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. <p><%= message.text %> <b><%= message.username %> </b></p> – magnudae Commented Jan 18, 2016 at 15:10
• I will have different kind of messages: – jfjobidon Commented Jan 18, 2016 at 15:20
• you have a new <a href="linkToMessage">message</a> from <b>user111<b> 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 Commented Jan 18, 2016 at 15:28

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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

本文标签： javascriptHow to pass html tags in a string with nodejsexpress and ejsStack Overflow