OverviewStarting in 24.2, the Styled Text Editor Component is available directly in the product. Consider using this in place of the plug-in moving forward. For more information, review: https://docs.appian.com/suite/help/latest/Styled_Text_Editor_Component.html
Visit https://community.appian.com/w/the-appian-playbook/1378/end-user-rich-text-editor-component for more information. If you have any problems installing or using the component, please see the https://community.appian.com/w/the-appian-playbook/1603/rich-text-editor-component-plug-in-troubleshooting-guide
Key Features & Functionality
Supported Browsers: Chrome, Firefox, Edge, SafariSupported on Mobile
Hi Team,
We are using the richTextFieldWithTables() component to provide the better user experience in one of the application. But we have few issues while copy and paste the same table from outlook and WordPad. Please find more details below.
1. Whenever the copy and paste the same table from outlook to component ,It is giving the the error as "Maximum content exceeded" .
2. Whenever the copy and paste the same table from WordPad OR Excel file, It is not giving any validation error.
3. Whenever inserted the same table from component as well not receiving the validation error about maximum text length exceeded .
Observed the below html text from above mentioned scenarios.
Outlook:
<table style="margin-left:-.15pt;"> <tbody><tr style=""> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Parameters</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">NA(1)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Basic (2)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Average(3)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Good(4)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Excellent(5)</span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Introduction/ Presentation</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">3</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Industry background / Knowledge</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">3</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Knowledge about Org</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> </tr></tbody></table>
WordPad:
<p > </p><table style="margin-left:-.15pt;"> <tbody><tr style=""> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Parameters</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">NA(1)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Basic (2)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Average(3)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Good(4)</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">Excellent(5)</span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Introduction/ Presentation</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">3</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p ><b><span style=""> </span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Industry background / Knowledge</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style="">3</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> </tr> <tr style=""> <td nowrap="" style=""> <p ><b><span style="">Knowledge about Invesco</span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> <td nowrap="" style=""> <p style="text-align:center"><b><span style=""> </span></b><span style=""></span></p> </td> </tr></tbody></table><br>
Inserted Directly Using Component
<p ><br></p><table ><tbody><tr><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">Parameters</span></b></td><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">NA(1)</span></b></td><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">Basic (2)</span></b></td><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">Average (3)</span></b></td><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">Good (4)</span></b></td><td><b><span style="font-size: 14px; background-color: rgb(255, 255, 255);">Excellence (5</span><span style="font-size: 14px; background-color: rgb(0, 0, 255);">)</span></b></td></tr><tr><td><b>Introduction/P resentation</b></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Industrybackground / Knowledge</span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Knowledgeabout Org</span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Knowledgeabout his/her current role and duties</span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Knowledgeabout </span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Subject/ Technical Knowledge </span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Willingto work Shifts (If Applicable)</span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><p><b><span style="font-size:11.0pt;">Opento Travel (If Applicable)</span></b><br></p></td><td><br></td><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><p ><br></p>
Whenever copy and pasted from outlook, Can see lot html attributes and due to the component exceeded. Is richtextditorwithTables() component automatically not handled to convert into plain html how it is generating using the component. Please advise and let me know, If any details required.
There's no limit, you can set it as high as you want. Just be careful to not set it too high if you're saving the data to process variables or the database.
The plugin just renders HTML and strips out non-supported formatting. You will have to write rules to convert stuff or remove blank boxes before sending it to the plugin.
There might be other plugins that meet your needs, you can search around, I'm not sure.
Whenever we ingest emails which have text embedded on the top of say a coloured background and a few images within the template ,viewing it in the this plugin is very very difficult , Images won't render and I will see blank boxes , and just Texts , also I will always see Content Exceeded Error , which wont' go away ,even say number of characters are just 100.Any solutions? or should we use some other plugins?
Thanks for the response Dan Tobias. What is the maximum size of the richtext data allowed.
There is a parameter on the component called maxSize which is configurable and lets you increase the allowable size. It defaults to 10,000. You can increase this to support more content.