Injecting strings with HTML content

Is it possible to inject raw a HTML string into a bel element? Right now I can’t seem to get that working.

Example:

var bel = require('bel')
var html = '<div>hi</div>'
var body = bel`<div>${html}</div>`

document.body.appendChild(body)

try {
  document.body.appendChild(bel`${html}`)
} catch (e) {
  document.body.appendChild(bel`<div>${e.message}</div>`)
}

Output:

<div>&lt;div&gt;hi&lt;/div&gt;</div>
<div>Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.</div>

http://requirebin.com/?gist=b7081814ea6465115d84

---

I’m trying to get this working for friends (trying out a rewrite of the front-end using yo-yo). Old method was to convert the html to a vdom element but that doesn’t apply in this instance since ain’t no vdom around. Here’s the part that’s causing the issue in friends if you’re curious: https://github.com/moose-team/friends/blob/master/lib/elements/messages.js#L44-L58

[fraserxu]

Is this one a good option for the use case here? sanitize-html

[ungoldman]

I didn’t notice the wiki at all until after opening the last couple issues – sorry! I opted for creating a new wiki page: https://github.com/shama/bel/wiki/Working-with-HTML