how to include an HTML page in nodemailer in Node JS

Question

I want to send Html Page using nodemailer in Email. But I can't include my html page. How can is this possible? Please help and give me a solution...

This is my EmailSendHtml.js File

 var nodemailer=require('nodemailer');
 var fs=require('fs');

 var d;

 fs.readFile('index.html','UTF-8',function(err,data)
 {
     d=data;
 });

 var transporter=nodemailer.createTransport(
 {
 service:'gmail',
 auth:
 {
  user:'[email protected]',
  pass:'********'
 }
 });

var a='<h1>Welcome</h1><p>That was easy!</p>';

 var mailOptions={
   from:'[email protected]',
   to:'[email protected]',
   subject:'Sending HTML page using Node JS',
   html:d
 };

 transporter.sendMail(mailOptions,function(error,info)
 {
    if(error)
    {
        console.log(error);
    }
    else
    {
        console.log('Email Sent: '+info.response);
    }
 });

That's my html page which I want to include and show in email.

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="style.css"/>
    </head>
    <body>
        <h1>TODO write content</h1>
    </body>
</html>

This is my style.css file

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 19, 2018, 2:03:50 PM
    Author     : Lenovo
*/

h1
{
    color:red;
}

fs.readFile() is async.

TGrif
– TGrif

2018-02-19 09:31:56 +00:00
Commented Feb 19, 2018 at 9:31 — TGrif
– TGrif, Commented Feb 19, 2018 at 9:31

Alpesh Patil · Accepted Answer · 2021-11-22 04:57:42Z

1

Use inline css in HTML and
Use file read stream as below
pass the file read stream to sendmail // { html }
Don't forget to explicitly close the file stream

Code sample

var htmlstream = fs.createReadStream("index.html");

transport.sendMail({ html: htmlstream }, function(err) {
    if (err) {
        // check if htmlstream is still open and close it to clean up
    }
});

edited Nov 22, 2021 at 4:57

answered Apr 20, 2021 at 10:48

Alpesh Patil

1,93619 silver badges17 bronze badges

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

Comments

Nitin Bhapkar · Accepted Answer · 2018-06-29 06:08:06Z

0

Just change your code as following :

var nodemailer=require('nodemailer');
var fs=require('fs');

require.extensions['.html'] = function (module, filename) {
    module.exports = fs.readFileSync(filename, 'utf8');
};

 var data = require('index.html'); // path to your HTML template

 var transporter=nodemailer.createTransport(
 {
 service:'gmail',
 auth:
 {
  user:'[email protected]',
  pass:'********'
 }
 });

var a='<h1>Welcome</h1><p>That was easy!</p>';

 var mailOptions={
   from:'[email protected]',
   to:'[email protected]',
   subject:'Sending HTML page using Node JS',
   html:data
 };

 transporter.sendMail(mailOptions,function(error,info)
 {
    if(error)
    {
        console.log(error);
    }
    else
    {
        console.log('Email Sent: '+info.response);
    }
 });

edited Jun 29, 2018 at 6:08

answered Feb 19, 2018 at 9:57

Nitin Bhapkar

3643 silver badges7 bronze badges

1 Comment

Saim Khan Over a year ago

I can't see the html page in email

Collectives™ on Stack Overflow

how to include an HTML page in nodemailer in Node JS

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