Issue Summary

When using tables in Visual mode of the Rich Text Field editor and recoloring the table breaks the formatting completely.

Steps to Reproduce

1. Add a table to the description and save it:

   ||Heading A||Heading B||
   |Col A1|Col A2|
   |Col B1|Col B2|

1. Enter Visual edit mode, select the table, then apply any text color (e.g. green)

   Heading A	Heading B
   Col A1	Col A2
   Col B1	Col B2

1. Save your field
2. Enter the Visual edit mode again, select the table and apply a different color, then save.
3. Table formatting is broken

Expected Results

Table changes the color to the last color selected.

Actual Results

Workaround

Rich Text editor is adding multiple consecutive "color" end tags with curly brackets to the text that is being colored. This is the main issue behind the problem.

Please check color tags while coloring multiple columns or parts of the multiple columns during re-edit of the table. As soon as you keep the color tags with curly brackets not consecutively added to each other, then the issue does not occur. If you are adding these tables and colors programmatically it's possible to avoid this, it only breaks if you use the editor multiple times and color the text in the table again with Rich text editor.

This one works {color:#57d9a3}Heading A{color}

||{color:#57d9a3}Heading A{color}||{color:#57d9a3}Heading B{color}||
|{color:#57d9a3}Col A1{color}|{color:#57d9a3}Col A2{color}|
|{color:#4c9aff}Col{color} {color:#ffab00}B{color}{color:#de350b}1{color}|{color:#57d9a3}Col B2{color}|

This one breaks due to consecutive {color}{color} ending tags added by Rich Text Editor

||{color:#57d9a3}Heading A{color}||{color:#57d9a3}Heading B{color}||
|{color:#57d9a3}Col A1{color}|{color:#57d9a3}Col A2{color}|
|{color:#4c9aff}Col{color} {color:#ffab00}B{color}{color:#de350b}1{color}{color}|{color:#57d9a3}Col B2{color}|