html-creator

0.7.2 • Public • Published

⚙️ html-creator

Generate HTML with NodeJS
Documentation »

Installation

$ npm i html-creator

Usage

const htmlCreator = require("html-creator");

const html = new htmlCreator([
  {
    type: "head",
    content: [
      {
        type: "title",
        content: "Generated HTML",
      },
      {
        type: "style",
        content: `
          #cool-text {
            color: red;
          }
        `,
      },
    ],
  },
  {
    type: "body",
    content: [
      {
        type: "div",
        content: [
          {
            type: "div",
            content: "This is a cool text 😎",
            attributes: { id: "cool-text" },
          },
          {
            type: "a",
            content: "Click here",
            attributes: { href: "/path-to-infinity", target: "_blank" },
          },
        ],
      },
    ],
  },
]);
const result = html.renderHTML();

The above code will result with the following HTML output:

<!DOCTYPE html>
<html>
  <head>
    <title>Generated HTML</title>
    <style>
      #cool-text {
        color: red;
      }
    </style>
  </head>
  <body>
    <div>
      <div id="cool-text">This is a cool text 😎</div>
      <a href="/path-to-infinity" target="_blank">Click here</a>
    </div>
  </body>
</html>

Visit the wiki for more examples of usage, method reference and further reading.

Wanna Contribute?

Do you believe that something is missing from this plugin or perhaps is not working as intended? Awesome-pants! Help is always appreciated. Just be sure to read through the Contributing Handbook (and remember to have a jolly good time).

Package Sidebar

Install

npm i html-creator

Weekly Downloads

314

Version

0.7.2

License

MIT

Unpacked Size

8.43 kB

Total Files

4

Last publish

Collaborators

  • hargne