syntax highlighting of code snippets in a web page “google-code-prettify” not working with aspx and html code

Question

i put following lines in header of html

<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>

and in html i want to hightlight some html code :

<body onload="prettyPrint()">
    <pre class="prettyprint lang-html">

           <input type="button" value="HELLO"/>

</pre>
</body>

but i am not unable to hightline html code : current copy here : http://jsfiddle.net/jTYQk/

I don't understand, what are you trying to highlight? The Button? — Adam Schiavone
– Adam Schiavone, Commented Sep 27, 2012 at 11:02

user694844 · Accepted Answer · 2014-08-12 16:57:02Z

1

The pre element does not stop the browser from rendering internal elements. http://www.htmlcodetutorial.com/linepar/_PRE.html

By changing your < to < and > to >, you will get it to render correctly. Check http://jsfiddle.net/jTYQk/1/ for an example.

OR

You could also wrap your code in <xmp></xmp>. See it at http://jsfiddle.net/jTYQk/2/ .

However, this is not recommended since xmp has been marked obsolete. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp

edited Aug 12, 2014 at 16:57

answered Sep 27, 2012 at 14:10

user694844

1,18711 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

syntax highlighting of code snippets in a web page “google-code-prettify” not working with aspx and html code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related