Printing HTML with javascript

Question

Here is a problem I am having when using Node.js:

This is my code in index.js:

.....
app.get('/xyz', function(request, response) {
  fs = require('fs');
  fs.readFile('views/pages/xyz.ejs', 'utf8', function (err,data) {

  if (err) {
    return console.log(err);
  }

  response.render('pages/xyz', {result:data});
  });
});
.....

Here is xyz.ejs:

<!DOCTYPE html>
<html>
<head>
</head>

<body>

<div class="container">

<% displayStr=result.replace("\n", "<br/>"); %>
<%= displayStr %>

</div>

</body>
</html>

Here is what I get in my browser, when I point it to top/yxz :

<!DOCTYPE html><br/><html> <head> </head> <body> <div class="container"> <% displayStr=result.replace("\n", "<br/>"); %> <%= displayStr %> </div> </body> </html>

Even though there are line break tags (<br/>), I get a one long line text display instead of an HTML display. I tried various things I could find, but nothing worked.

What should I do to obtain a normal display line by line?

@mplungian Thanks for the edit. For some reason I couldn't get it right. — Michel
– Michel, Commented Nov 15, 2016 at 10:20

aring · Accepted Answer · 2016-11-15 12:28:44Z

2

index.js:

...
response.render('pages/xyz', {result:'<xmp>'+data+'</xmp>'});
...

xyz.ejs: (Unescaped buffering with <%- code %>)

...
<% displayStr=result.replace("\n", "<br/>"); %>
<%- displayStr %>
...

answered Nov 15, 2016 at 12:28

aring

3,6222 gold badges25 silver badges30 bronze badges

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

Comments

greuze · Accepted Answer · 2016-11-15 10:20:37Z

0

You shouldn't have to read manually the file.

Can you try:

app.get('/xyz', function(request, response) {
  response.render('pages/xyz');
});

Of course, before you should:

app.set('view engine', 'ejs');

answered Nov 15, 2016 at 10:20

greuze

4,3965 gold badges47 silver badges65 bronze badges

1 Comment

Michel Over a year ago

No, no. I have to. My purpose here is to display its contents. Otherwise it is working with no problems. Thanks anyway.

Collectives™ on Stack Overflow

Printing HTML with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related