Comments on: Displaying HTML Source Code in Your Blog Posts

By: trk’s weblog / Online Spell Checker...

trk’s weblog / Online Spell Checker... — Wed, 13 Jun 2007 13:23:57 +0000

[...] Cool. P.S. Should have known that, to display code in wordress, should have used htmlentities.Thanks. Share and Enjoy: These icons link to social bookmarking sites where readers can share and [...]

By: Azmeen

Azmeen — Wed, 16 May 2007 13:34:48 +0000

Just use a combination of both and < >


For example:

Praying this works as I press the Submit Comment button



By: OmegaMan
OmegaMan — Tue, 15 May 2007 16:51:24 +0000
I am a developer that has to publish code snippets constantly in my blog. I have begun to use the tool Microsoft’s Windows Live Writer (in beta at this time) which actually interfaces with WordPress! Its basic function as a blogging tool is excellent and I can post my blogs from it to WordPress and extract from the server to my local machine.
But when I combine it with a Code Snippet addin tool, I can blog about HTML, XML, and C#. It handles other languages as well. It also allows one to embed styles, alternate lines, enclose in a box…really a nice addin which makes using WLW to blog tech topics no longer a chore.
Here are the links. Microsoft plans to keep the WLW free after beta. Note the belows are all PC installs programs, so no need to figure out PHP commands or wordpress blog nuances.
WLW: http://windowslivewriter.spaces.live.com/

Code Snippet Add in: http://lvildosola.blogspot.com/2007/02/code-snippet-plugin-for-windows-live.html



By: engtech
engtech — Mon, 14 May 2007 18:55:31 +0000
@schuen: You still hit the smartquotes issue with using the visual editor.



By: engtech
engtech — Mon, 14 May 2007 18:52:37 +0000
One thing you *have* to watch out for is those !@#@#!$ing smartquotes.
All code samples need to be:
- entity encoded

- put in a PRE tag
or all of your quotations will be turned into smartquotes (which are anything but) and will break for people who try to use their code samples.
Whoever thought converting quotes to smartquotes was a good idea should be raked over the coals.



By: schuen
schuen — Mon, 14 May 2007 18:50:45 +0000
Just write html code in the “Visual” editor in WordPress and you will get the encoded code automatically.



By: Lorelle
Lorelle — Mon, 14 May 2007 15:46:46 +0000
Little problem with your example, Carthik. You forgot to encode the apostrophes and quote marks. This is really common and if the code is copied will break upon use.

I wrote about this and included converters and the actual code in Blog Bling: Signatures and Writing Code, and did a bit of a review and listing of WordPress Plugins That Help You Write Code for those who do this all the time.


By: Ajay
Ajay — Mon, 14 May 2007 13:40:47 +0000
I use Notepad++ for encoding the HTML code before I display it on my blog.



By: WP_CodeShield :: Dammit Jim!
WP_CodeShield :: Dammit Jim! — Mon, 14 May 2007 13:31:14 +0000
[...] the plugin most of the way done and then got distracted with other things. But after reading about another person having the same annoyance, I decided I should finish the [...]



By: Serge K. Keller
Serge K. Keller — Mon, 14 May 2007 07:28:58 +0000
Don’t take my word 100% on this, but if I remember well Markdown (and Textile) is ‘parallel-compatible’ with HTML. If you activate Markdown, new posts written with it will show up fine and old posts written in HTML will show as they were before. But if you want to come back to HTML, you should leave Markdown activated or risk to see your markdown-written posts scrambled.
Can anyone confirm (or infirm) this?



By: Ozh
Ozh — Mon, 14 May 2007 06:33:50 +0000
If you want to post code, be it HTML PHP or anything, your just can’t live with a plugin to do so. WP’s formatting functions are uber annoying when you’re dealing with code, and workaround like encoding entities, using markdown etc… are all but futureproof.
Recommended: http://blog.igeek.info/wp-plugins/igsyntax-hiliter/ or http://codex.wordpress.org/Plugins/Syntax_Highlighting



By: Carthik
Carthik — Mon, 14 May 2007 05:44:53 +0000
Good point about the apostrophes and the quotes. 
Don’t you have to start using Markdown from the very beginning to use it? Could I start using it now, say – what sense will it make of the older posts, and would it scramble stuff up by processing things that weren’t written with Markdown in mind?



By: Joe Clark
Joe Clark — Mon, 14 May 2007 04:35:28 +0000
You can somewhat laboriously use ampersand 39 semicolon for neutral apostrophe and ampersand quot semicolon for neutral quote (or look up the numeric value thereof if you are concerned about XHTML purity). Your text editor can do a search-and-replace.



By: Ankur
Ankur — Mon, 14 May 2007 03:44:47 +0000
Or, if youâ€™re using Markdown like I am, just surround the code in backticks (`).
I second that. I’m using Markdown extra, and it’s great!



By: LcF
LcF — Mon, 14 May 2007 03:08:39 +0000
try http://blog.igeek.info/wp-plugins/igsyntax-hiliter/



By: Ankit
Ankit — Mon, 14 May 2007 02:44:09 +0000
If you're using Emacs, just Htmlize the buffer - you get syntax highlighting as well.


By: Robin
Robin — Mon, 14 May 2007 02:01:31 +0000
Or, if you’re using Markdown like I am, just surround the code in backticks (`).



By: Chris
Chris — Mon, 14 May 2007 01:06:14 +0000
It's a bit "fancier", but I've been using iG:Syntax Hiliter for the last year or so and have been quite pleased with it.


By: Genkisan
Genkisan — Mon, 14 May 2007 01:01:54 +0000
You can try the Code Markup plugin. It display html codes & singlequotes nicely  



By: Jennifer
Jennifer — Mon, 14 May 2007 00:27:36 +0000
I made a little plugin that adds a button to the post editing screen within wordpress. I need to update it because at the moment it only shows up when you’re editing a post – not creating a new one. It’s not a big fix. I’ve just been lazy to fix it… Here’s the post about the plugin.