Stop adding ="" to valueless html attributes

[chrisfay]

[See this discussion https://github.com/highlightjs/highlight.js/issues/1058]

How do I configure so that this:

<foo bar></foo>

...doesn't become this after it's ran through highlightjs:

<foo bar=""></foo>

[pc035860]

Hi, I guess you already got the answer from highlightjs/highlight.js/issues/1058.

What you actually need is preventing your <foo bar></foo> to be parsed by browser before AngularJS gets it hands on it.

hljs source or hljs include can do the trick.

See #30 for the previous discussion.

An example of solving it with hljs-include

<div hljs hljs-include="'the-foo-bar-source'"></div>

<script id="the-foo-bar-source" type="text/ng-template">
<foo bar></foo>
</script>

[chrisfay]

Ahhh, gotcha. I think I was misunderstanding at what stage the attributes
were getting modified before rendering. This makes sense, thanks!

Chris

On Wed, Feb 3, 2016 at 11:26 AM Chih-Hsuan Fan [email protected]
wrote:

Hi, I guess you already got the answer from highlightjs/highlight.js#1058
highlightjs/highlight.js#1058.

What you actually need is preventing your to be parsed by
browser before AngularJS gets it hands on it.

hljs source
http://pc035860.github.io/angular-highlightjs/example/#/hljs-source or hljs
include
http://pc035860.github.io/angular-highlightjs/example/#/hljs-include
can do the trick.

See #30 #30 for
the previous discussion.

An example of solving it with hljs-include

<script id="the-foo-bar-source" type="text/ng-template"> </script>

—
Reply to this email directly or view it on GitHub
#60 (comment)
.

Chris Fay
http://www.chrisfay.net
[email protected]

[pc035860]

BTW, you can also prevent from browser parsing by manually escaping those code you put inside hljs directive, and use it with hljs-no-escape option.

For example

<div hljs hljs-no-escape>
&lt;foo bar&gt;&lt;/foo&gt;
</div>