[wp-trac] [WordPress Trac] #38120: TinyMCE on Wordpress >> tab ancor | issue. Bad visual.

[WordPress Trac]

#38120: TinyMCE on Wordpress >> tab ancor | issue. Bad visual.
--------------------------+------------------------------
 Reporter:  peopleinside  |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  TinyMCE       |     Version:
 Severity:  major         |  Resolution:
 Keywords:  close         |     Focuses:
--------------------------+------------------------------
Changes (by azaozz):

 * keywords:   => close


Comment:

 Replying to [comment:4 peopleinside]:
 > You can see on TinyMCE here: https://www.tinymce.com/docs/demo/full-
 featured/ just click on Tools, source code and replace all code with the
 provided. All is showed correctly.

 This is the problem. You are pasting the same (bad) HTML with a lot of
 inline styles. In some places these inline styles look acceptable, in
 other places they interfere with the existing styles.

 To fix this you will need to copy the '''content''', not '''the HTML''' as
 displayed on the front-end of the site, then paste it directly in the
 editor, not in the Text editor. Then switch to the Text editor and make
 sure there isn't inline styles for the dimensions of the tables.

 Alternatively you can clean that HTML by hand and remove all the useless
 spans with inline styles that were added there most likely by Chrome at
 some point.

 I don't think any of this is caused by a bug in the editor. It removes all
 spans with inline styles on paste in order to output clean HTML that will
 work properly with any theme.

 The other problem I'm seeing in the HTML is that the two tables have been
 resized by dragging the edges to be very "short". That makes them
 overflow. Best is to remove the `height` attributes. That will let the
 browser style the tables properly on display.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/38120#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform