inject-html's Introduction

inject-html

Node module for injecting HTML code before or after the body tag into the response.

usage

Installable via npm: npm i inject-html.

var inject = injectCode({
  // type: 'append', // default 'prepend'
  code: "<script>alert('injected!!')</script>" // HTML code
});

http.createServer(function(req, res) {
  inject(req, res, function() {
    res.setHeader('Content-Type', 'text/html');

    if (req.url === '/') {
      fs.createReadStream(__dirname + '/page.html').pipe(res);
    } else {
      res.statusCode = 404;
      res.end('Page Not Found\n');
    }
  });
}).listen(1337);

Sample output:

before injecting:

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>inject html example</title>
</head>
<body>
  <h3>inject-html example</h3>
  <p>content</p>
</body>
</html>

after injecting:

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>inject html example</title>
</head>
<body><script>alert('injected!!')</script>
  <h3>inject-html example</h3>
  <p>content</p>
</body>
</html>

caveats

If the content doesn't have a <body> tag, this module will not function properly. This module will delete the content-length and content-encoding (if gzip/inflate) headers.

license

MIT

inject-html's People

Contributors

Stargazers

Watchers

inject-html's Issues

is there any way to inject into <head>?

Reduce amount of dependencies

Hi @alessioalex! Thank you for the incredible work with inject-html.

I have a little suggestion, could we reduce amount of dependencies? It feels like the feature could be implemented without any dependencies at all and without a significant source code lines increase. What do you think?

For example BundlePhobia says that mime-db module is in 65 times larger in size than inject-html but you are not actually using it.

bug: strip qs from url when doing mime lookup

https://github.com/alessioalex/inject-html/blob/master/index.js#L20

Cannot get req.url

Could you please help me to figure out what can be the problem?

var mimeType = mime.lookup(req.url);
^
TypeError: Cannot read property 'url' of undefined

app.listen(port, function(res, req){
inject(req, res, function() {
res.setHeader('Content-Type', 'text/html');
if (req.url === '/') {
fs.createReadStream.pipe(res);
} else {
res.statusCode = 404;
res.end('Page Not Found');
}
});
});

Actually i would like to inject html to every page while server runs, so it wasn't directly in the file and when compiling to html with gulp or grunt there was no injected html.

Recommend Projects