How to use edit table?

[S_Line]

Hi,

How can i use the edit table option, to user edit the width or cellpadding. The user clicks to create table, and no option show to edit table.

Thank you.

[Pandiyaraj Muniyandi]

Hi S_Line, 

 

Greetings from Syncfusion support. 

 

Currently, we didn’t provide option to edit table width, cellpadding from our end. But you can customize the cellpadding and cell spacing by adding CSS from application end as follows 

 

 

  <style> 

    .e-richtexteditor .e-rte-content .e-content .e-rte-table { 

      border-spacing: 5px; 

      border-collapse: separate; 

    } 

 

    .e-richtexteditor .e-rte-content .e-content .e-rte-table td { 

      padding: 5px; 

    } 

  </style> 

 

 

 

We have prepared sample for reference, check the below link 

https://stackblitz.com/edit/5pkqds-sfst5j?embed=1&file=index.html 

 

Regards, 

Pandiyaraj 

[S_Line]

Hi, thank you for reply.

But, how about this screen (https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/images/table_properties.png), how can i access it?

[Pandiyaraj Muniyandi]

Hi S_Line, 

 

Sorry for the confusion. 

 

Query: But, how about this screen (https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/images/table_properties.png), how can i access it? 

 

We can enable this option by configuring TableEditProperties in table collection of quickToolbarSettings API as follows 

 

 

var defaultRTE = new ej.richtexteditor.RichTextEditor({ 

  quickToolbarSettings: { 

    table: ['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles', 'TableEditProperties'] 

  } 

}); 

defaultRTE.appendTo("#defaultRTE"); 

 

 

Currently, edit properties dialog via provided cellpadding, cellspacing value applied to the table, due to control styles overriding it not working with Table. Already we have logged internal bug as “Table cellpadding, cellspacing customization not working in RichTextEditor” for this issue, we will fix and include in 2019 Volume 4 beta release which is scheduled on first week of December. 

 

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this feedback link 

https://www.syncfusion.com/feedback/10141/  

 

Regards, 

Pandiyaraj 

[S_Line]

No problem. It works fine now!

thank you for your assistance

[Gurunathan A]

Hi S_Line, 

Thanks for the update. We are happy to assist you. 

Regards, 

Gurunathan  

[Pandiyaraj Muniyandi]

Hi S_Line,

 

We have resolved "Table cellpadding, cellspacing customization not working in RichTextEditor" issue and included in 17.3.29 patch release. Kindly refer to below release notes section  

https://ej2.syncfusion.com/documentation/release-notes/17.3.29/#richtexteditor 

Sample: https://stackblitz.com/edit/5pkqds-l17msk?file=index.html 

We suggest you upgrade the packages into the latest version.  

Regards, 

Pandiyaraj