You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  1. [email protected]
  2. JCE Editor
  3. Friday, 28 December 2018
Having issues with JCE changing the HTML layout. I've disabled HTML Clean up, it happens in WYSIWYG mode and it's removing Div's that cause the layout to break.

In this situation the site is using Yootheme's Builder. I have a layout template that is used to set up almost every page, with in this layout are tables that are positioned using grids. To accommodate the majority of situations I create a grid for the tables, in some cases there is only one cell in the grid:


<div class="[email protected]" uk-grid>
<div>
<table class="uk-table uk-table-striped">
<thead><tr><th>Table title</td></tr></thead>
<tbody><tr><td>table contents</td></tr></tbody>
</table>
</div>
</div>


If I paste a new table title the Div's that form the grid 'cell' for this table are removed breaking the grid layout. Please help me STOP JCE from f-ing with the HTML. It also changes the uk-grid entry to uk-grid="".

Thank you
Accepted Answer Pending Moderation
If I paste a new table title the Div's that form the grid 'cell' for this table are removed breaking the grid layout.


What is the source of the new title? Is it from an existing layout or html content?
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Editor
  3. # 1
Accepted Answer Pending Moderation
It's plain text. I've also tried Shift+CTRL+V. If I change it in the code editor and switch back to visual it happens when I switch back to visual.

Cheers.
  1. more than a month ago
  2. JCE Editor
  3. # 2
Accepted Answer Pending Moderation
If I change it in the code editor and switch back to visual it happens when I switch back to visual.


I am not able to replicate this. Please see below:

https://cdn.joomlacontenteditor.net/tmp/97778-having-issues-with-jce-changing-the-html-layout.gif
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Editor
  3. # 3
Accepted Answer Pending Moderation
I can... :)

https://dev.myobh.ca/alspcs/images/JCE-auto-something-not-right.mp4

I had removed the grid here because of the issue I'm seeing, however, I add it back in, toggle back to Visual, copy and paste the Title and voila, messed up HTML, in this case the DIV is removed and extra stuff is added below. I'm not certain if this is due to Yootheme or JCE, it does seem to follow the Builder interface, however that doesn't mean it's the Template causing this.

Just tested outside of Yootheme and have the same result. Paste into the Table's Title block and JCE removes the Div needed to define the grid cell and add a bunch of junk to the bottom of the page.


<div id="mceResizeHandlenw" data-mce-bogus="all" class="mce-resizehandle mce-resizehandle-nw" unselectable="true" style="cursor: nw-resize; margin: 0px; padding: 0px; user-select: none; left: 3.5px; top: 76.5px;"> </div>
<div id="mceResizeHandlene" data-mce-bogus="all" class="mce-resizehandle mce-resizehandle-ne" unselectable="true" style="cursor: ne-resize; margin: 0px; padding: 0px; user-select: none; left: 1372.5px; top: 76.5px;"> </div>
<div id="mceResizeHandlese" data-mce-bogus="all" class="mce-resizehandle mce-resizehandle-se" unselectable="true" style="cursor: se-resize; margin: 0px; padding: 0px; user-select: none; left: 1372.5px; top: 193.5px;"> </div>
<div id="mceResizeHandlesw" data-mce-bogus="all" class="mce-resizehandle mce-resizehandle-sw" unselectable="true" style="cursor: sw-resize; margin: 0px; padding: 0px; user-select: none; left: 3.5px; top: 193.5px;"> </div>


Thanks again
  1. more than a month ago
  2. JCE Editor
  3. # 4
Accepted Answer Pending Moderation
Which version of JCE are you using?
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Editor
  3. # 5
Accepted Answer Pending Moderation
2.6.35 - The latest as far as I know
  1. more than a month ago
  2. JCE Editor
  3. # 6
Accepted Answer Pending Moderation
Tested with TinyMCE, it removed the DIVs as well as the uk-grid entry in the DIV, but did not add extra code at the bottom of the page. Codemirror does not make any changes (as expected).

Thanks again.
  1. more than a month ago
  2. JCE Editor
  3. # 7
Accepted Answer Pending Moderation
Just tested outside of Yootheme and have the same result. Paste into the Table's Title block and JCE removes the Div needed to define the grid cell and add a bunch of junk to the bottom of the page.


Still unable to reproduce this inside or outside of Yootheme, using Chrome and Firefox.

Please send me a login - https://www.joomlacontenteditor.net/contact/site-login
Just because you're not paranoid doesn't mean everybody isn't out to get you.
  1. more than a month ago
  2. JCE Editor
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.