Html-creator-angular NPM

Installation

yarn add html-creator

Usage

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

const html = new htmlCreator([
  {
    type: 'head',
    content: [{ type: 'title', content: 'Generated HTML' }]
  },
  {
    type: 'body',
    attributes: { style: 'padding: 1rem' },
    content: [
      {
        type: 'div',
        content: [
          {
            type: 'span',
            content: 'A Button Span Deluxe',
            attributes: { className: 'button' },
          },
          {
            type: 'a',
            content: 'Click here',
            attributes: { href: '/path-to-infinity', target: '_blank' },
          },
        ],
      },
    ],
  },
]);

html.renderHTML();

The above code will result with the following HTML output:

<!DOCTYPE html>
<html>
  <head>
    <title>Generated HTML</title>
  </head>
  <body style="padding: 1rem">
    <div>
      <span class="button">A Button Span Deluxe</span>
      <a href="/path-to-infinity" target="_blank">Click here</a>
    </div>
  </body>
</html>

Documentation

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

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).