ansaurus

Question

Integrate Syntax Highlighter (Prettify, Pygments,..) with Plone

Answer 1

+1 A:

The documentation states you'll have to tell Google Prettify to start highlighting during onLoad. Add an extra Javascript file to your plone project (custom skin folder, as a browser resource or skin file in your on-disk package/product, etc) that contains the following:

jQuery(prettyprint);

and register that file to be included after the prettify.js file in portal_javascripts. It'll execute the prettyprint function when the DOM is loaded, and is the equivalent of the <body onload="prettyprint()"> example in the Prettify documentation.

Martijn Pieters 2009-12-09 13:11:23

Thanks for that hint - Now I created a file prettify-glue.js with that single line, added and registered as you described but it changes nothing... as if it ignores the class attribute and uses standard `<pre>` behaviour. Both scripts and the css appear in the page source so they're added correctly.

Andreas_D 2009-12-09 16:39:21

You can use alert() or console.log (if you use firebug) to check if your code is loading correctly. Try something like: `jQuery(function() { alert('onLoad prettyprint-glue.js'); prettyprint(); });` inside your glue code.

Martijn Pieters 2009-12-14 09:14:53

Answer 2

+1 A:

I do not remember exactly how I got this to work, but check out the commit-log for the commit log for the commit where I made the required changes to one of my skins.

Espen_AK 2009-12-09 17:17:01

That helped a lot - Now I customized the main_template.pt and added the onload attribute to body. It highlights now!! But... now it adds spaces in between the words, like `class` is becoming a coloured `c l a s s ` ... could be an encoding issue !?

Andreas_D 2009-12-09 20:39:18

ansaurus

tags:

views:

answers:

Integrate Syntax Highlighter (Prettify, Pygments,..) with Plone

related questions