html - AngularJS Prevent Browser Escaping Characters -
html - AngularJS Prevent Browser Escaping Characters -
i created directive highlights code seems browsers modifying code before can , highlight it.
here's what's happening.
i have directive called my-compile spits passed value element's innerhtml , runs $compile on it.
eg:
<span my-compile="details"></span>    and details like:
here details , here's <code lang="java">first = temp & 0xff &</code>     here's directive code matters (this in link function):
element.html(details); $compile(element.children())(scope);    so $compile sees <code> directive , hands off code directive, except, , here's problem, <code> directive element.html() contents , returned:
first = temp & 0xff &    the problem code wrong, because first & wasn't escaped.
how can still  utilize <code> directive in similar fashion preserve & sign (and assume happens > , < signs too)? 
my thought lookup service that's kinda messy, maybe alternative sec hits browser's dom gets escaped, escaped & doesn't double escaped.
i've tried using element[0].innerhtml thinking maybe it's angular/jquery sanitization thing, it isn't.
the problem when added html dom first time element.html(details); browser parses html(btw - fixes  wrong escaping, adds missing close tags, etc), , when trying access later - getting html fixes done during parsing.
the way how can  prepare - encode code content text entity(for provided  illustration if need text first = temp & 0xff & encoded version first = temp & 0xff &amp;), access element.text() not element.html() in code directive.
 html html5 angularjs angularjs-directive 
 
Comments
Post a Comment