Embedded Components and Tools Blog Center

[tag]Ron Fredericks[/tag] writes: In my previous post, I discuss [tag]Dean Lee[/tag]’s [tag]source code[/tag] [tag]syntax highlighting[/tag] [tag]plugin[/tag] for [tag]Wordpress[/tag]. It delivers all the great features of the [tag]GeSHi[/tag] [tag]open-source[/tag] highlight project for Wordress bloggers.

Yet some source code displayed badly – turning a developer’s nice clean style into a chaotic and messy format. I demonstrated the display problem using a perl sendmail script I plan to discuss in a future blog post. The problem had to do with some kind of whitespace word wrap issue.

I tested various features of CSS and DIV tag attributes created by Dean’s plugin and the GeSHi php code. I am happy to say, I found a simple one-line solution. My solution is in updating Dean’s CSS container class to force white space not to wrap.

Here is my solution:
Add this property to Dean’s “ch_code_container” CSS class:

white-space: nowrap;

(more…)

Ron Fredericks writes: I have a problem in common with many software engineers and technical managers – “How can I display source code within my blog?”

See, the problem starts when the source code to be displayed interacts with the blogging software itself and then corrupts the blog’s own loop-and-display engine. Thus, the blog page becomes corrupt or at the very least, becomes mis-formatted and hard to read. Of course it would also be nice to color code a software snippet similar to a source code editor to make the posted source code easier to read.

I tried several techniques during my Internet search for “WordPress source code formatting”. I discovered a common theme – there are source code display and highlighting methods available – in fact too many are available. So the search became a “needle in the haystack” time sink. And the sad fact, most choices have some severe limitations.

But at last, I found Dean Lee’s blog post: Source Code syntax highlighting plugin for WordPress (V1.1)

Dan’s pluglin for WordPress has all the features I was looking for:

• installs as a simple plugin for WordPress
• usage within a blog post is easy through the use of the pre tag
• source code displays in its own container with line numbers for reference
• a reader should be able to easily select a range of displayed source code and copy it for their own use (without also selecting the displayed line numbers)
• source code display should not break my WordPress blogging software

(more…)