html-tag-helpers

Easily generate helpers for creating HTML tags. Works great as handlebars helpers or vanilla javascript utils.

Install

Install with npm:

1npm i html-tag-helpers --save-dev

Usage

Create a new instance of Tags:

1var Tags = require('html-tag-helpers');
2var html = new Tags();

Tags

Generate a function to create any HTML tag:

1var apple = html.addTag('apple');
2
3// pass text as the first parameter, and an object of
4// attributes as the second param.
5console.log(apple('a', {href: 'b'})
6//=> '<apple href="b">a</apple>'
7
8// or pass text as a property
9console.log(apple({href: 'b', text: 'a'})
10//=> '<apple href="b">a</apple>'

Default attributes

Pass default attributes as a second paramter:

1var css = html.addTag('link', {rel: 'stylesheet'});
2console.log(css({href: 'styles.css'}));
3//=> <link href="styles.css" rel="stylesheet">

As Handlebars helpers

To create a handlebars helper:

1Handlebars.registerHelper('orange', tag.addTag('orange'));
2
3var tmpl = Handlebars.compile('{{{orange "This is text" href=link}}}');
4console.log(tmpl({link: 'about/us.html'}));
5//=> '<orange href="about/us.html">This is text</orange>'

Author

Jon Schlinkert

• github/jonschlinkert
• twitter/jonschlinkert

License

Copyright (c) 2014 Jon Schlinkert, contributors.
Released under the MIT license

---

This file was generated by verb-cli on August 21, 2014.