I'm using TinyMCE in my backend for content entry. But the content are displayed weirdly in the frontend.
I've not set any kind of css for this layout.
I'm using the following tools and plugins:
menubar: 'file edit view insert format tools table help',
toolbar: 'undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen preview save print | insertfile image media template link anchor codesample | ltr rtl',
toolbar_sticky: true,
This is the project I'm working on. link
I couldn't find what is causing the layout issue.
What I think you should do is use some css and make the h1 into a block(the h1 is by default block but in your case it doesn't seem to be). so that way the element after it cant be on the same line for example.
<!DOCTYPE html>
<html>
<head>
<style>
\\ this is the style you need to apply
h1 {
display: block;
}
</style>
</head>
<body>
<!--your h1 was for some reason by default displayed inline so-->
<h1>Hello bruh!</h1>
<p>Sup dood!</p>
</body>
</html>