Rich Text Editor Component

Overview

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

Visit End-User Rich Text Editor Component for more information.

If you have any problems installing or using the component, please see the 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
  • Has anyone tried to print a page that has fn!richTextField() as part of the page? The text gets cut off when printing if the value is long enough even though on the page itself it is not cut off. Is there a workaround for this?

    The first screenshot is from the interface itself, and the second is of the pdf when printing the page. You can see that the 2nd bullet point got cut off.

     View from Interface

    View from printed page

Comment
  • Has anyone tried to print a page that has fn!richTextField() as part of the page? The text gets cut off when printing if the value is long enough even though on the page itself it is not cut off. Is there a workaround for this?

    The first screenshot is from the interface itself, and the second is of the pdf when printing the page. You can see that the 2nd bullet point got cut off.

     View from Interface

    View from printed page

Children
  • Hi Matthew - we've seen problems where the Rich Text Editor gets cut off when it has too much content. It seems to be a browser bug related to iFrames.  Appian uses iFrames to display component plugins, and some browsers don't print the entire iFrame when the iFrame.  For reference, see this 18 year old Firefox issue that explains the problem: https://bugzilla.mozilla.org/show_bug.cgi?id=113217.

    If you are trying to generate a printable copy of an interface, I recommend looking into the various document generation capabilities in Appian and on the App Market.