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

Anonymous
  • Hi,

    We've notice that some simple text being copied from word is losing seemingly random spaces.  The line below pasted into Word and then copy and pasted into the editor will remove the space between "responsibi12345" and "to".  There is nothing unique about this text and the numbers added were just playing to make and not make the problem occur with the simplest of examples.  If you change 12345 to 1234, you should find the text pastes without issue.  Any idea what is causing this and a solution?  We first discovered it with simple sentences where we noticed words being run together.   

    And12 and to carry out the scrum master is responsibi12345 to

    Thanks in advance!

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

  • We have a business requirement to copy complete email content, including text, images, and signatures. For this editor, we used the following plugins:

     

    1. Rich Text Editor Image Upload Connected System
    2. Rich Text Editor Component

     

    Despite this, when copying and pasting email content directly into the rich text editor, the text is successfully transferred, but the images are not.

     

    As a workaround, I first copied the email content into a file, then copied the images from the word file and pasted them into the editor. This method successfully included the images.

     

    Could you please help me understand why the images are not being copied directly and advise on how to resolve this issue?

  • That Sample Code isn't even syntactically valid SAIL when I copy it into Appian

  • Thanks for the response, Tobias. Still, we are seeing same issue. Please find below sample code.

    Sample 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(),
    height: "MEDIUM"
    )
    )

  • We are also facing the same issue please assist , all our image are gone

  • This is due to an issue with Google deprecating cookies. Please reach out to Appian Support as they will need to adjust something on your site.

  • Hi Team,
    We have noticed an issue with the image not displaying in the editor.

    After upgrading to the latest version 1.13.0 we still see the issue.

    Could you please let us know if there is a fix coming up in next versions.

    Thank you.

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