Home/ Questions/Q 311519
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T07:55:56+00:00

I’m looking for a way to automatically format and color code I write in

  • 0

I’m looking for a way to automatically format and color code I write in an HTML document. I know wikipedia does it, for example on the page: http://en.wikipedia.org/wiki/Nested_function

I’m sure there are libraries out there to do this, but I can’t for the life of me, find one. Does anyone have any suggestions?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have a look at the Prettify JavaScript library. It’s the one generally used by people (it’s the one being used here on SO, for example.)

    You would use it like this:

    In your <head> element:

    <link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>

    In your <body> element:

    <body onload="prettyPrint()">
  <!-- any HTML you like here... -->
  <pre class="prettyprint">
def say_hi():
    print("Hello World!")
  </pre>
  <!-- any HTML you like here... -->
</body>

    That’s for simple use of the library. If you’re using other JavaScript on your page I would recommend other methods for enabling the Prettify library (i.e., don’t use the onload attribute of the <body> element.) For example, if you’re using jQuery, I wrote this jQuery plugin that I usually use to syntax highlight certain elements:

    // Extend jQuery functionality to support prettify as a prettify() method.
jQuery.fn.prettify = function () { this.html(prettyPrintOne(this.html())); };

    Used like this:

    $('#my-code-element').prettify();
    • 0