Great plugin by the way !
I have taken note that it is wise to remove all unwanted whitespace between the wpui shortcodes. I have eliminated that space except between
[wptabcontent] and [/wptabcontent]
which is where you would expect to have line breaks on paragraphs etc.
On a fresh install using twentythirteen, editing with TinyMCE "Visual" an orphan
</p> tag is introduced to the browser source just before a line break:
<div id="wp-tabs-1" class="wp-tabs wpui-light wpui-styles"><h3 class="wp-tab-title">Test</h3><div class="wp-tab-content"><div class="wp-tab-content-wrapper"></p> <p>Text</p></div></div><!-- end div.wp-tab-content --></div><!-- end div.wp-tabs -->
The only way I found to eliminate this behaviour was to use the "Text" editor instead, remove all space, then add line breaks by hitting the return key.
However if the editor is switched back to "Visual" mode, the orphan
</p> tags return.
Is there a way to overcome this issue when switching between "Visual" and "Text" mode using TinyMCE or any other editor for that matter ?