Safe HTML in data

[Robert Biggs]

Is there any way to render safe html in data, kind of like dangerouslySetInnerHTML in React? I'm talking about having some data like:

{
  firstName: 'John',
  lastName: '<b>Doe</b>'
}

[Jason Miller]

This can now be done using a Fragment with dangerouslySetInnerHTML:

const raw = html => vhtml(null, {
  dangerouslySetInnerHTML: { __html: html }
});

render(html`
  <div>
    ${raw(`<span>raw html here</span>`)}
  </div>
`)