CODEWITHSUNDEEP
javascripthtmlexpress
ricster
ricster

Reputation: 521

Express renders raw html as text

I'm trying to render a html table to /guestbook.ejs and then redirect the guestbook.ejs to /guestbook. However, my guestbook.ejs shows html code as a plain text.

Here's my code:

server.js:

app.get('/guestbook', function(req, res) {
    var data = require('./guestbook.json');

    var table =
     '<table border="1"> ';
    for (var i=0; i < data.length; i++){
        table +=
        '<tr>' +
        '<td>' + data[i].id + '</td>' +
        '<td>' + data[i].username + '</td>' +
        '<td>' + data[i].country + '</td>' +
        '<td>' + data[i].date + '</td>' +
        '<td>' + data[i].message + '</td>' +
        '</tr>';
    }
    res.render('pages/guestbook.ejs', {
        new_table: table
    });

    res.sendfile('/views/pages/guestbook.ejs');
});

guestbook.ejs:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>


 <div><%= new_table %></div>


</body>
</html>

and the result is literally this in a text format:

<table border="1"> <tr><td>1</td><td>Pam</td><td>Anguilla</td><td>Thu Feb 22 2007 22:28:32 GMT+0200 (FLE Standard Time)</td><td>How are you guys doing?</td></tr><tr><td>2</td><td>Sofia</td><td>Macau</td><td>Mon Apr 05 1993 09:12:01 GMT+0300 (FLE Daylight Time)</td><td>Hello world!</td></tr><tr><td>3</td><td>Ashley</td><td>Mauritania</td><td>Sat Oct 19 1991 01:31:38 GMT+0300 (FLE Daylight Time)</td><td>Greetings from Mauritania!</td></tr><tr><td>4</td><td>Baxter</td><td>Malta</td><td>Sat Sep 03 2005 08:52:38 GMT+0300 (FLE Daylight Time)</td><td>Very nice!</td></tr><tr><td>5</td><td>Vickie</td><td>Uganda</td><td>Tue Jul 22 2003 08:53:21 GMT+0300 (FLE Daylight Time)</td><td>Anyone from Africa here?</td></tr><tr><td>6</td><td>testid</td><td>test</td><td>2017-04-29T09:05:01.408Z</td><td>21</td></tr><tr><td>7</td><td>testd</td><td>2</td><td>2017-04-29T09:05:08.669Z</td><td>123</td></tr><tr><td>8</td><td>test</td><td>123</td><td>2017-04-30T12:43:54.848Z</td><td>231</td></tr>

How can I fix this?

Upvotes: 0

Views: 129

Answers (1)

Rakesh Soni
Rakesh Soni

Reputation: 1333

To render text as HTML : Use <%- new_table %>

Upvotes: 2

Related Questions