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

Anonymous
Parents
  • Hello, I am seeing an issue using this component when another Appian element to clears out the value of the text field. Steps to reproduce: 

    1. Type some text into the richTextField( richTextValue: local!val, richTextSaveInto: local!val )
    2. Click around on other elements on the page
    3. While the page is still refreshing, click a button which sets the local!val to null
    4. If you're quick enough the local!val will correctly be nulled out, but the richTextField will still keep the text as it was entered

    This is leading to confusion from our end users with our use case. Is there a workaround for this issue? 

  • I'm not able to reproduce this on the latest version of the rich text editor (1.4.0). Do you have a screen record you could share, preferably from the /design interface?

  • Note that when clicking the "Post Comment" link it 

    1. starts a process model with a!startProcess
    2. nulls the value we are passing into richTextValue
  • Dan, we were actually able to reproduce similar a similar issue even with the latest plugin version. We caught a video. It looks like it's clearing the value while the component is still loading, so definitely a more uncommon case. Hope this helps!

Comment Children