How does Ember/Glimmer convert dynamic content with HTML into DOM documents?


One item many Ember developers are taught is that dynamic content rendered in our handlebars files are escaped and we can use html-safe or triple curlies to render avoid escaping and render HTML fragments. However, how does Ember parse the html source code as a string into a DOM document? I assumed something like DOMParser but have yet to come across this in underlying Ember templating libraries.


Some updates and thoughts. If it was innerHTML, then I would assume “div.innerHTML” would blow away the static text, thus not sure Ember uses innerHTML.

<div>This is the start of a {{@value}}</div>