Return duplicates empty divs

When you have content wrapped in a <div>, instead of <p>, hitting the Enter Key causes TinyMCE to create a new <div> with the same style and classes.

If you start with this example: <div class="example">Sample text, put cursor here and hit enter… this part of sentence is moved to a new div</div>

And hit the Enter Key in that sentence you get: <div class="example" style="padding: 20px;">Sample text, put cursor here and hit enter… </div> <div class="example" style="padding: 20px;">this part of sentence is moved to a new div</div>

[blairzotron]

I have solved the newline issue, by adding an enter-key handler in editor.setup (doesn’t work if implemented anywhere else):

editor.on("keydown", function(e){
    if( e.which=="13" || e.keyCode=="13" ){
         editor.insertContent("<br> ");  //put a space at the end to reposition cursor
         e.preventDefault();
   }
});

There really should be an option like “always use <p> or <br>” when they hit enter? It seems like an obvious option to have, especially, given that it was part of 3.x and 4.x, namely: “forced_root_block: p” and “force_p_newlines: true”. Why was this removed and replaced with “br_in_pre” which is far less common… who uses <pre> anyway? https://www.tiny.cloud/docs/configure/advanced-editing-behavior/#br_in_pre

BUG: The “end_container_on_empty_block” option does not work with nested divs; it skips the immediate block-wrapper and completely removes it’s parent block element. https://www.tiny.cloud/docs/configure/advanced-editing-behavior/#end_container_on_empty_block

[mariojsnunes]

Thank you so much @blairzotron ! I wanted to add a div on iframes, to make them responsive with this css trick https://blog.theodo.com/2018/01/responsive-iframes-css-trick/ Was facing the same issue as mentioned. Your workaround saved me!

Still, I would like to reinforce to the team that a definite solution would be great.