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

Venkatesh Suram 7 months ago

Hi Team,

Facing an issue with hyper links. Let's assume, received an email and ingested to Appian and created record. Whenever i am showing the original content in he UI and whenever click on the hyper link, It is showing empty error blank page and until unless reloaded the entire page ,The component is not reloading. Can you please help me out on the issue. Please find below sample code.

Code:

a!localVariables(
local!emlBodyText: "<a href=""">Visit">www.w3schools.com/"">Visit W3Schools.com! </a>",
fn!richTextFieldWithTables(
label:"Comment",
labelPosition:"ABOVE",
validations:{},
richTextValue: local!emlBodyText,
richTextSaveInto:local!emlBodyText,
readOnly: true(),
disabled: false()
)
)

Note:

- Some links are opening but component is not refreshing until reloaded the entire browser page.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Dan Tobias 7 months ago in reply to Venkatesh Suram

Hyperlinks have to be prefixed with https:// -- I'd suggest using substitute() function or the regex plugin to automatically add https:// to the beginning of URLs that start with www only.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Venkatesh Suram 6 months ago in reply to Dan Tobias

Sorry for the inconvenience, Please find below sample code.

Sample Code:

a!localVariables(
local!emlBodyText: "<p><a href="&"">Visit">www.w3schools.com/"&">Visit W3Schools.com!</a></p>",
fn!richTextFieldWithTables(
label: "Comment",
labelPosition: "ABOVE",
validations: {},
richTextValue: local!emlBodyText,
richTextSaveInto: local!emlBodyText,
readOnly: true(),
disabled: false(),
height: "MEDIUM"
)
)

Is this component, can open this kind of links in new browser tab. Instead of opening in the same page. Please let me know, If any queries.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Dan Tobias 6 months ago in reply to Venkatesh Suram

That Sample Code isn't even syntactically valid SAIL when I copy it into Appian
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Comment

Dan Tobias 6 months ago in reply to Venkatesh Suram

That Sample Code isn't even syntactically valid SAIL when I copy it into Appian
- Cancel
- Up 0 Down
- Reply
- More
- Cancel

Children

Venkatesh Suram 6 months ago in reply to Dan Tobias

Sorry for the inconvenience, Please find below sample code.

Sample Code:

a!localVariables(
local!emlBodyText: "<p><a href="&"">Visit">www.w3schools.com/"&">Visit W3Schools.com!</a></p>",
fn!richTextFieldWithTables(
label: "Comment",
labelPosition: "ABOVE",
validations: {},
richTextValue: local!emlBodyText,
richTextSaveInto: local!emlBodyText,
readOnly: true(),
disabled: false(),
height: "MEDIUM"
)
)

Is this component, can open this kind of links in new browser tab. Instead of opening in the same page. Please let me know, If any queries.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel