TinyMCE and table borders /shading

bammar
Kilo Sage
Kilo Sage

Hello All,

I am using TinyMCE html editor in Eureka. When I copy a table into it from say Outlook. The Background colors of the cells as well as table border shading does not appear. Also If I try to create a table within Tiny MCE, even If i define the borders, I see no options to control shading or to even see the borders for that matter, they are invisible.   Is there any ideas on how to enhance TinyMCE functionality. I did also go to properties to check what items i could add to the editor.   At this time I can not change the the other HTML editor due to the risk I may have in breaking other HTML functionality that is already working fine.

1 ACCEPTED SOLUTION

bammar
Kilo Sage
Kilo Sage

Ok so I was successful in getting borders. You have to go to the Source code button in the edit "< >" and manually code the colors and borders colors.   Leaving this open in case anyone else has good tinyMCE tricks and/or other ideas to do this without going to the source code.


View solution in original post

7 REPLIES 7

bammar
Kilo Sage
Kilo Sage

Ok so I was successful in getting borders. You have to go to the Source code button in the edit "< >" and manually code the colors and borders colors.   Leaving this open in case anyone else has good tinyMCE tricks and/or other ideas to do this without going to the source code.


Hi Bessam,



I am using table for my notification content. If I define the bordercolorlight and dark it is not working, also border-radius: functionality is not working. I am using this to get 3d effect for my table.



Please provide your inputs


Slava Savitsky
Giga Sage

Honestly, I have never seen copying and pasting content from a Microsoft product work well in any WYSIWYG editor.



Editing the code in HTML mode should give you the desired result most of the time but can be tedious and tiresome. Moreover, not every user can easily cope with raw HTML code.



If you could give me some more information, I would be happy to see if there is another way to do it. Are you using UI14 or UI11? What the table looked like before and after you edited the code? Screenshots would be of great help. What exactly have you adjusted in the HTML code?


Hello Slava, I am using Eureka and I believe it is UI14. I am also using TinyMCE.   The only way to do the table borders   is from editing the html and yes it was very tiresome.   Basically there was a table in an Outlook email.   it had different rows and each row had a different number of columns, The table was bordered and some of the boxes had a background fill color. When I pasted this table into TinyMCE editor int he notification. All the colors went away. The table structure stayed the same but the borders were invisible.   Also dragging and dropping and editing the table in terms of adding columns and rows was very tedious.   What I am doing is generating an email for our Project Managers to send to their stakeholders. They check a box on the project form and press save, the fields they need populate into the table in my notification and the check box is cleared on load on the form.