Is there a plugin or an easy way to post code examples in my weblog entries?

I would like to post a few tutorials with code examples in it, but don’t know if this is easily possible.

If not, I’ll be forced to use screenshots of code, but that’s not really user-friendly…

goodbytes, you’d use [ code] [ /code] to post code, minus the extra space.

How do you style code so that everything stays on one line, but uses a horizontal scroll bar if it’s going to break the layout - sort of like the forums do here.

Hey Sue, [ code ] seems to work! thanks a lot

Linguist, I believe you could apply { overflow: scroll; } to the code block from your stylesheet.

I guess you could use a fixed with, e.g. 500px, and use overflow: auto like Joe says…

I tried styling code but that didn’t work. When I viewed selected source I noticed that there was a class generated by EE called codeblock applied to a div around the code tag - styling codeblock got the effect I wanted.

Yes, there is no way to style “code”—it’s not an HTML tag.

If you use the standard [ code ] (extra spaces added to show what I mean) tags in an entry then I believe that ExpressionEngine places this information into a div with a class of the name codeblock and also inside of <code></code> elements if you wish to style those instead so you should be able to do something like this in your CSS file :

Change any of the widths and items above to whatever you need to get it to look right in your design though

That should work hopefully?

Best wishes,

Mark