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
  • v1.13.1 Release Notes
    • Fixed an issue with pasting from Word.
  • Same issue for arabic also.  in arabic, "arabic text(arabic)" appears as "arabic text)arabic("

  • When the keyboard is Arabic and a mixture of numbers and Arabic is typed in, the numbers are not updated as right to left.  The numbers are updated on the incorrect side.  for example --- when wanting to type "2024/09/10 arabic"  from the right side -- the arabic text is typed first and then number (RTL), the text appears as " 10/09/2024 arabic". The english numbers are typed from LTR while the arabic is typed RTL.  Depending on the keyboard setting, all the flow is expected to be from RTL.  This is a mixture of RTL and LTR.  

  • 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