Information

Author: Appian Corporation
Type: Plug-in (Component)
Support: This plug-in or utility is not supported by the author. The content is free to use with a licensed product, but it is made available as-is and Community supported.
Industry: All Industries
Compatible Version(s): 24.2
First Released: 5 Mar 2019
Last Updated: 19 Aug 2024
Cost: Free

Rich Text Editor Component

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
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

Comment

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

Children

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