How to assign HTML entities in Polymer element definition?

Question

Alternative question version: How to prevent HTML entities from being escaped, when added in the Polymer element definition?

So assume this simplifi

Answer 1

There are a couple of ways to do this:

• Custom filters (not documented yet)

  encodeEntities: function(value) {
    var div = document.createElement('div');
    div.innerHTML = this.shownVal;
    return div.innerHTML;
   }
  

• Use automatic node finding and set the .innerHTML of some container.

  this.$.container.innerHTML = this.shownVal;
  

Demo showing both of these: http://jsbin.com/uDAfOXIK/2/edit