Pasting html code into <pre> areas in my posts causes WordPress to either:
1. Strip the class="example" from my code; or
2. Render the html within the <pre> tag.
If I enter the code via HTML (rather than the Visual editor) everything looks on my post until I click the Visual editor tab and then Update Post. This then displays the code on my post as: <div class=“table”>.
My aim is a simple way to drop code into a wordpress post so I can keep my own commonly used code clips or Snippets on my local machine.
My own personal version of the Chris Coyier’s Snippets, if you like, for when I’m offline.
This seems to be a well-know problem but one without an easy answer.
Plugins like Save My pre and TinyMCE Valid Elements but they don’t seem to do the trick.