WARNING: This package was built for learning purposes only.
A simple package that injects html to other html files using a special <inject> tag.
To start using Injectml, specify an input and an output on your command like so:
npm i -D injectml
injectml input="src" output="dist"
Note that both the input and output argument will be relative to the root of the project.
Injectml will also keep the output's file structure the same as it was in the input folder.
To inject an html file, we use the <inject> tag. Let's say we had a file structure like so:
src
- index.html
- components
- navbar.html
To inject navbar into index, we need to specify inside our index.html where to place the navbar and point towards it:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Injectml</title>
</head>
<body>
<inject src="components/navbar.html">
</body>
</html>
This would then inject navbar's contents into our index html file.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Injectml</title>
</head>
<body>
<nav>
You've injected me inside!
</nav>
</body>
</html>
Note that an html file that has been used as an injection will not be placed into the output path, so our output folder structure will look like this:
dist
- index.html
Notice how the components folder and the navbar html file is not present.
There are three main parts when running injectml, we first have reading, then injecting, then writing
reading is where we will map every file inside the input path specified and get them ready for the injecting and writing process.
injecting is where we will run through all the contents grabbed from reading, recursively check if it is injecting other html files, until we finish injecting all of them.
writing after we have the content of our files ready, we then write them to the output path specified. keeping
the same structure as it was in the input folder.
Injectml uses pretty inside the hood.
You can also use injectml in your modules.
const injectHTML = require('injectml');
const modifiedHTML = injectHTML({ input: "./src", output: "./dist" });
FAQs
A simple package that injects html to other html files
We found that injectml demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.