7

I'm looking for a syntax highlighter cum code formatter for my blog on BlogSpot. I've tried several today, but the all want to include <style> tags, or reference a stylesheet. I'm looking for one that is ideal for segments of code, and includes styling inline. Any suggestions?

Chris
  • 44,602
  • 16
  • 137
  • 156
ProfK
  • 49,207
  • 121
  • 399
  • 775

6 Answers6

7

The project referenced above has moved:
http://alexgorbatchev.com/wiki/SyntaxHighlighter

Instructions for using it on Blogger:
mlawire.blogspot.com/2009/07/blogger-syntax-highlighting.html

3

I've created a Free Online C# Syntax Highlighter that has exactly the ability you need - to inline the needed CSS styles. All you have to do is to select the "Inlined styles" check box, paste your C# code and click the Colorize button. You can find it on my blog.

Pavel Vladov
  • 4,707
  • 3
  • 35
  • 39
  • 1
    Nice, thanks for this. Unbelievably frustrating trying to manually align and format elements through Blogspot's web interface! – Darth Continent Apr 10 '14 at 22:13
3

You can always copy the extra few bytes of styling for, say, a Pygments highlighter (which really is quite excellent) into the <head> of your blog. You don't even need to install any software; just copy the HTML from the online service.

Paul Fisher
  • 9,618
  • 5
  • 37
  • 53
  • You can't touch the directly using Blogger or BlogSpot. If those styling bytes are the same all of the time for Pygments and don't conflict with styles that Blogger might use, it is necessary to adjust the section in the Blogger template for all posts. How well does RSS work? – orcmid Nov 27 '08 at 19:45
  • The styles would be the same for all pages; they shouldn't conflict with Blogspot's highlighting. There would not be highlighting in feeds, but that's kind of just like the norm for special blog formatting -- you only get the structure. – Paul Fisher Nov 28 '08 at 03:52
2

Try this one: http://code.google.com/p/syntaxhighlighter/

  • I wrote a step-by-step howto to help configure it in blogger on my blog: http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html – Fabio Gomes Nov 27 '08 at 16:45
1

I use SyntaxHighlighter Javascript Library. It's really easy to add and use.

here's more information on it that might help others out:

http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html

CraftyFella
  • 7,520
  • 7
  • 47
  • 61
0

I had this exact problem.

I wrote an image formatter for Pygments (included in the core distribution).

Please don't hate me for such an abomination, but yes, it renders the highlighted code as a png or jpg or whatever you want. So it has no external dependencies etc.

pygmentize -f png -o mysource.png mysource.cs

I try to make sure that I always link a plain text version of the source for people copy-pasting.

Ali Afshar
  • 40,967
  • 12
  • 95
  • 109