[wp-hackers] Inline styles and TinyMCE

Jess Planck jess at funroe.net
Thu Sep 10 15:15:34 UTC 2009

I made a comment to that ticket, but I thought I would make it here as  

It's a great idea, but before it gets set in stone I would really like  
to see some better CSS naming conventions for the HTML objects  
WordPress creates. There is no coding standard for CSS like there is  
for PHP in WordPress, so here's the type of things we get:

For an attachment starting div id is attachment_13 with classes wp- 
caption and alignleft wrapped around an img with classes size-medium  
wp-image-13 and a p with class wp-caption-text. It's not bad but there  
are dashes, underscores, compounded words, and very little to help you  
predict the sort of CSS that WordPress is going to spit out. Of course  
object oriented CSS approaches were the techniques aren't being used.  
It's getting better, but don't go look at the some of the buddypress  
CSS names (it burns!).

If WordPress adds some removable default css for these objects then  
some better naming conventions for the CSS classes and ids would  
really help. Especially some prefix that says "This came from  
WordPress" like a wp-gallery, wp-attachment, or something else parse- 
able used in CSS ids and classes.


[  :P  ]  jess planck  -  http://funroe.net

On Sep 9, 2009, at 6:31 PM, scribu wrote:

> A new ticket on trac contends that TinyMCE should use predefined  
> classes
> instead of inline styles: #10753<http://core.trac.wordpress.org/ticket/10753 
> >
> The main drawback is that it would require themes to add these  
> predefined
> styles to their stylesheet, beside the  
> classical .alignleft, .aligncenter
> and .alignright
> This is my proposed solution:
> Instead of relying on each theme developer, make a default.css file  
> and add
> it through 'wp_head'.
> - fixes the inline styles in TinyMCE
> - potentially fixes inline styles generated by [gallery]
> - themers can disable it if they wish
> What do you think?
> -- 
> http://scribu.net
> _______________________________________________
> wp-hackers mailing list
> wp-hackers at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-hackers

More information about the wp-hackers mailing list