My custom theme text and content format

Question

Hi I am new to Wordpress development and I have learned a lot already but I do not understand why the text and content in the pages and posts does not keep the format that the user sets in the back-end editor for posts or pages. And everything looks like a mess, formatting goes wild and it does not resemble the editor version at all. What am I missing in my code? I don't understand what is wrong, is it my css rules?

A funny thing is that when I change to another theme, the formatting does remain in place. And it seems to work with any theme available in the wordpress themes section.

Please help.

Answer 1

Themes can optionally use TinyMCE editor stylesheets via add_editor_style(). If properly implemented, editor styles will do a pretty good job at making the contents of the editor look the same way as content rendered on the front end of the site.

Without editor styles, TinyMCE will use very basic styles which will not match the theme's design.

Answer 2

I found the solution for my problem:

I had disabled automatic paragraph and and line break tags generation in the visual editor, namely the wpautop function. So this made everything a mess, all the text would pilled up in front or after the content next to it, until the line had no more space for more content.

For further reference please check:

• https://codex.wordpress.org/Function_Reference/wpautop
• How to automatically add paragraph tags in the Visual Editor
• https://wordpress.org/support/topic/stop-wordpress-from-adding-and-tags-in-text-editor/

Thanks everyone.