escape-html-template-tag

Construct string literals that have their substitutions escaped automatically.

![Standard - JavaScript Style Guide](https://github.com/feross/standard)

Usage

$3

``js import html from 'escape-html-template-tag' const title = 'All about < & >' const h1 = html

${title}


// All about < & >


$3
Escaped template literals can be nested and won't be interpollated again.

`js import html from 'escape-html-template-tag' const h1 = html

Hello World


const article = html

${h1}
I'ts me!


// Hello World

// I'ts me!


$3
In case a value is an Array, the items will be individually escaped and concatenated.

`js import html from 'escape-html-template-tag' const listOfSymbols = html

symbol: ${item}


// 
//   symbol: <

//   symbol: &

//   symbol: >

//

$3

If you have html strings that already contain markup you can prevent it from being escaped with safe().

`js import html, { safe } from 'escape-html-template-tag' const trustedString = 'Google' const navigation = html

${safe(trustedString)}


// 
//   Google
//

$3

`js import html, { join } from 'escape-html-template-tag' const navigation = html

${join(
['home', 'about', 'blog'].map(page => html${page}),
' | '
)}


// 
//   home | about | blog
//

$3

`js import html from 'escape-html-template-tag'

const anchor = (text, href) => html${text}

const list = items => html

${item}


const navigation = list(
  anchor('Home', '/home'),
  anchor('About', '/about'),
  anchor('Blog', '/blog')
)
// 

//   Home

//   About

//   Blog

//