Rich Text Editor Component

IMPORTANT: Select component plug-ins are experiencing issues due to a recent browser update. If you encounter any problems with previously functional component plug-ins, please create a support case. If you notice other component plug-ins that are not functioning correctly, please create additional support cases for each instance.

Overview

Starting 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

Displays a field that allows for users to type text and format it with a variety of style options.
Output is saved as HTML. To get the raw character output, designers can use the Appian function fn!stripHtml() on the output.
HTML output can be passed into Send E-Mail node or document generation smart services. Note that not all formats supported by the Rich Text Editor component may be supported by e-mail or document generation.
Allows uploading of images which get stored in the specified Appian folder (requires separate install of the Rich Text Editor Connected System Plugin from https://community.appian.com/b/appmarket/posts/rich-text-editor-image-upload-connected-system).

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

Component: fn!richTextField()
Allows for size validation
Allows for adjustable height
Allows for read-only / editable view
Supported font formats: "header", "size", "bold", "italic", "underline", "strike", "color", "background", "link", "align", "indent", "list"
Designer control over the allowed formats

Supported Browsers: Chrome, Firefox, Edge, Safari
Supported on Mobile

Parents

Marco Pennacchia over 2 years ago

Good morning,
using this plug-in we encounter the following error: when we upload the image, it is saved, but it is not displayed correctly. How can we solve it?

Thanks in advance!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Comment

Marco Pennacchia over 2 years ago

Good morning,
using this plug-in we encounter the following error: when we upload the image, it is saved, but it is not displayed correctly. How can we solve it?

Thanks in advance!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Children

pranjalj6261 2 months ago in reply to Marco Pennacchia

Hi was this issue resolved and if so how? I am having the same issue.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
sam.yeadon over 1 year ago in reply to Marco Pennacchia

Hi was this issue resolved and if so how? I am having the same issue.

Thanks in advance
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Jed Fonner over 2 years ago in reply to Marco Pennacchia

Hi Marco - are you able to take a screenshot of the Network tab of the developer console and send that?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Jed Fonner over 2 years ago in reply to Marco Pennacchia

Hi Marco - I see a 403 error in the console which means some request was forbidden. To understand where that's coming from, can you show us the output of the Network tab please?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Dan Tobias over 2 years ago in reply to Marco Pennacchia

Can you inspect the icon of the image that is being displayed and let us know what the source is?

It should be in the format of:

https://yoursite.appiancloud.com/suite/doc/1234

where "1234" is a the ID of the uploaded Appian document on your site. If that's the case, you need to set the conf.content.download.byId property to true and restart your site. That can be accomplished with an Appian Support ticket if you don't have access to restart the server.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Marco Pennacchia over 2 years ago in reply to Jed Fonner

Good morning,

thank you for your reply. I followed the steps listed on above link https://community.appian.com/w/the-appian-playbook/1603/rich-text-editor-component-plug-in-troubleshooting-guide#usage and I see this errors listed in the console tab.

Thanks in advance!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Jed Fonner over 2 years ago in reply to Marco Pennacchia

Please confirm you've followed the steps listed in https://community.appian.com/w/the-appian-playbook/1378/end-user-rich-text-editor-component#imageuploads, especially that you've set the conf.content.download.byId property to true.

Otherwise, follow the steps listed on https://community.appian.com/w/the-appian-playbook/1603/rich-text-editor-component-plug-in-troubleshooting-guide#usage to review the network traffic and reply and let us know what the response to the image request is.
- Cancel
- Up +1 Down
- Reply
- More
- Cancel
Dan Tobias over 2 years ago in reply to Marco Pennacchia

Have you deployed the Appian Connected System - Rich Text Editor plugin and properly configured a connected system for that plugin, which you pass to the rich text editor SAIL component?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel