45 views

Description

If the TinyMCE editor table properties are used to add cell padding in a table, the style is displayed correctly in the editor, but not when viewing the article through kb_view.

 

Steps to Reproduce

 

  1. Navigate to Knowledge > All.
  2. Create a new article or open an existing article.
  3. On the TinyMCE toolbar, click the table icon, select Insert table. and create a table with two or more columns.
  4. Add text to the cells in the table.
  5. Click the table icon and select Table properties.
  6. Add cell padding of 5.
  7. Click OK. Note that the padding is applied to the table correctly.
  8. Save the article.
  9. Under Related Links, click View Article. Note that the padding is not visible in the kb_view.

Workaround

This is due to a known error of the third party TinyMCE editor when using outdated table attributes. The "align", "valign", "cellpadding", "cellspacing" and "border" attributes are all deprecated and no longer part of the HTML specifications. Proper markup requires using the CSS equivalents in an inline "style" attribute.

 

Main workaround:

  1. Find the OOB CSS that is overriding the cellpadding at table level being applied to td and th:

    td, th {
    padding: 0;
    }
    td, th {
    padding: 0;
    }

  2. Add the required style tag, like for example:

    <style>
    table#CmCaReT td {
    padding: 20px;
    }
    </style>


Alternative workaround:

  1. The cell padding can be manually configured in the article source code.
    1. Navigate to Knowledge > Articles > All.
    2. Open an article record.
    3. Click inside the Text box to set the focus.
    4. Click the Source code icon <>.
    5. Manually set the table padding (for more information see HTML table cellpadding attribute). 
  2. Remove the Table properties menu option from the Editor menu bar
    Remove 'table' from the default value of system property glide.ui.html.editor.v4.toolbar.line1
     
    Example:
    bold,italic,underline,undo,redo,|,fontselect,fontsizeselect,|,forecolor,backcolor,link,unlink,|,image,media,code,|,alignleft,aligncenter,alignright,|,bullist,numlist,fullscreen

 


Related Problem: PRB657955

Seen In

Eureka Patch 12
Fuji Patch 11 Hot Fix 1
Fuji Patch 8
Geneva Patch 1
Geneva Patch 5
Geneva Patch 6
Helsinki Patch 1
Helsinki Patch 3 Hot Fix 7

Associated Community Threads

There is no data to report.

Article Information

Last Updated:2018-09-05 07:17:14
Published:2018-09-05