1.0.5 • Published 3 years ago
html-file-generator v1.0.5
html-file-generator
This is a simple HTML file creator, it is aimed to provide ease in creating html contents i.e tags and can help us in pushing these elements in the HTML file.
Usage examples
Following are some use case examples :
Import Dependency
const htmlFileGenerator = require('html-file-generator');
Create any HTML Tag
htmlFileGenerator.createElement('span','This is HTML Tag')
Add Attributes to a HTML element
htmlFileGenerator.createElement('a','This is Link',{'href':'#'})
Create Self Closing HTML Tags
htmlFileGenerator.createSelfClosingElement('hr')
Create HTML headings
htmlFileGenerator.createElement('h1', "This is Heading 1")
htmlFileGenerator.createElement('h2', "This is Heading 2")
htmlFileGenerator.createElement('h3', "This is Heading 3")
Create Paragraph
htmlFileGenerator.createElement('p', "This is paragraph content")
Create HTML Tables
htmlFileGenerator.createTable(["S.No","Student Name","Marks"], [["1","Jack Bauer", "90"],["2","Micheal Dessler", "80"]])
HTML tables take first argument as a table header which is an array and second argument as table body which is a 2D array
Create Lists
htmlFileGenerator.createList('ol',["List Item 1", "List Item 2"])
It can generate only ol and ul
lists
Create HTML file Content
var elements = [];
elements.push(htmlFileGenerator.createElement('h1', "Main Heading"));
elements.push(htmlFileGenerator.createSelfClosingElement("hr"));
elements.push(htmlFileGenerator.createElement('h2', "Sub Heading"));
htmlFileGenerator.createTable(["S.No","Student Name","Marks"], [["1","Jack Bauer", "90"],["2","Micheal Dessler", "80"]])
elements.push(htmlFileGenerator.createSelfClosingElement("hr"));
const htmlFileContent = htmlFileGenerator.creatHTMLFile("HTML File Title", getStyles() , elements);
console.log("This is generated HTML File", htmlFileContent );
function getStyles() {
return `* {
font-family: Segoe UI,Helvetica,Arial,sans-serif;
}
body {
padding : 30px;
}
hr {
background-color: #dddddd;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #eaecef;
}`;
}