frobitz
Member
Posted 2 years ago #
I've got quite a visual design for blockquotes in the content of a site I'm coding. It requires the use of the sliding doors technique to show an expanding background to wrap varying length content.
So basically I want the blockquote button in the editor to make this HTML by default:
<blockquote><div></div></blockquote>
So that the two background images used can be attached via CSS to these HTML elements, and content generated by the editor is contained inside the DIV tags.
Is there a way to do this without hacking the core?
The editor normally creates <blockquote><p></p></blockquote>, so why not style on this tags?
frobitz
Member
Posted 2 years ago #
It limits the user to only having one P tag in the quote and CSS isn't quite up to scratch across the browsers I have to support to deal with attaching styles only to the first child of the blockquote tag.
I've considered using JavaScript for older browsers, but that's a fallback position and I'd like to solve it at the WordPress/PHP level if possible.
Thanks for your suggestion though, appreciated.
Do you want this modified markup to be added via the Visual Editor or the HTML tab? If it's the latter, have a look at the Quicktag Extender plugin.
