renderkid

What is renderkid?

RenderKid is a powerful HTML rendering engine designed for Node.js. It allows developers to create and manipulate HTML content programmatically with ease. The package is particularly useful for generating HTML for emails, reports, or any other content that needs to be dynamically created and styled.

What are renderkid's main functionalities?

HTML Rendering

RenderKid allows you to render HTML content. In this example, a simple HTML string is rendered and logged to the console.

const RenderKid = require('renderkid');
const kid = new RenderKid();
const html = kid.render('<div>Hello, <b>world</b>!</div>');
console.log(html);

CSS Styling

RenderKid supports CSS styling. In this example, the <b> tag is styled to have red text color.

const RenderKid = require('renderkid');
const kid = new RenderKid();
kid.style({
  'b': {
    'color': 'red'
  }
});
const html = kid.render('<div>Hello, <b>world</b>!</div>');
console.log(html);

Custom Tags

RenderKid allows you to define custom tags. In this example, a custom tag <custom> is defined and rendered as a <span> with a class of 'custom'.

const RenderKid = require('renderkid');
const kid = new RenderKid();
kid.addTag('custom', {
  render: function (node) {
    return `<span class='custom'>${node.innerHTML}</span>`;
  }
});
const html = kid.render('<div>Hello, <custom>world</custom>!</div>');
console.log(html);

Other packages similar to renderkid

cheerio

Cheerio is a fast, flexible, and lean implementation of core jQuery designed specifically for the server. It allows you to parse and manipulate HTML and XML with a jQuery-like syntax. Unlike RenderKid, Cheerio focuses more on DOM manipulation rather than rendering and styling.

jsdom

jsdom is a JavaScript implementation of the WHATWG DOM and HTML standards, primarily intended for use with Node.js. It allows you to create and manipulate a DOM tree, similar to how you would in a browser. While RenderKid is focused on rendering and styling HTML, jsdom provides a more comprehensive simulation of a web browser environment.

htmlparser2

htmlparser2 is a fast and forgiving HTML/XML parser. It is designed to be used in Node.js and provides a way to parse and traverse HTML documents. Unlike RenderKid, htmlparser2 does not provide rendering or styling capabilities but is excellent for parsing and manipulating HTML.

README

RenderKid

Stylish console.log for node