Wordpress tiny mce editor does not show exact in the front end

Question

I recently started developing websites on wordpress. I have this problem with tinymce editor. When i write post and format content it looks how I want in it. But when I publish post and check that it looks really crappy.Then I called the stylesheet of tinymce editor on everypage of website. I must say there is change but it still looks bad.

How can I get content in exact formatted way as I see in the tinyMCE?

Thanks,

kiran

Answer 1

On the frontend the styles from your theme will be taking precedence over the layout and sizing of content.

In the administration section it will be using a default TinyMCE editor css file. This allows for Wordpress to easily support a variety of themes without making many changes.

So that leaves you with the potential inconsistency, which you have identified here.

Either you work with the WYSIWYG editor giving you an approximation or you could add the relevant styles from your theme to the editors CSS. This can be done using add_editor_style() ^DOCs.