Advanced Rich Text Editor (Vuram)

Overview

The Rich Text Editor Component can be used on Appian interfaces where you want to show the rich text information in readable format to the end user. We can use the component to show it as an email subject typing interface.

With this component you can add images, customize tables etc. This also has a functionality called placeholders using which you can use the same information in multiple items in the editor without retyping.
Additionally it allows uploading of images which get stored in the specified Appian folder (requires separate install of the Rich Text Editor Connected System Plug-in).

Note:

  1. It is recommended to use one ARTE Component in a Page/Interface.
  2. We do not encourage to use Short as height in the component.

Key Features & Functionality

Parameters:

  • Label : Text to display as the field label.
  • Label Position: Determines where the label appears. Valid values: “ABOVE” (default), “ADJACENT”, “JUSTIFIED”, “COLLAPSED”.
  • Height: Determines the layout height. Valid values: “SHORT”, “MEDIUM”, “TALL”, “AUTO” (default).
  • MaxSize: Maximum size of the rich text data. Default:10000
  • Placeholder : Placeholder text to display in the component wherever you want.
  • richTextValue: Rich text to display in the field.
  • richTextSaveInto: One or more variables that are updated with the richText value when the user changes it. Use a!save() to save a modified or alternative value to a variable
  • IsReadOnly: Determines if the field should display as editable or not. Valid Values : True or False
  • allowImageUpload : Determines if image upload are allowed. Default: false.
  • imageStorageConnectedSystem: The instance of the connected system used to store images from the rich text editor. This is required if allowImageUpload is set to TRUE. You can download the Connected System from the Appian App Market.
  • Show Usage Bar: Provide false to hide the usage bar at the bottom of editor. Default true
  • Enable Fullpage Output: Enabling fullpage exposes <head>, <body> and various meta tags in richText output. Default true.
  • Enable Spell Checker: Provide true to enable the spell checker. Default false.
  • Uploaded Images Doc Ids SaveInto- Document Ids of all uploaded images will be saved into this rule variable.
  • Exported PDF Id - Returns the document ID of the exported PDF.
  • Enable Export Pdf- Provide false to disable the 'Export as PDF' button. Default: True
Anonymous
  • Hi,

    I am using this component as a data field in my document generation.
    At times, when I'm entering value on the field, the typing cursor jumps to the beginning while I am typing.

    I thought it was because of refreshing variables or rule input, but When I conducted a test with just the component saving on a plain local variable. It still jumped.

    What do you think causes this?

    Looking forward to hearing from you.

    Thank you and regards,

    Aldous

  • Hi  

    Thanks for reaching out!!

    We tried to reproduce the issue, the issue does not occur in our environment.

    Could you confirm that it works fine when the richtext editor is removed?

  • Hi all,

    It looks there is a conflict between the plugin and the starProcessLink when we have a huge base64, resulting in 403 Access Denied. In the site the error happens immediately when trying to open an interface. If we don't have startProcessLinks we don't have the error.

    Can anyone help us with this error? I have a video to explain the situation.

    Thank you,

    Daniel dos Santos

  • v1.7.2 Release Notes
    • Fixed a bug where the toast message was displayed without any event.
    • Fixed an issue where the tool bar was rendered with disabled image icon when setting isReadOnly to true.
  • v1.7.1 Release Notes
    • Fixed an issue where the image tags do not have height and width parameters when pasted from external content.
  • Dear   ,

    I would like to refresh this thread on your list again, there is a specific reason we  choose this plugin and  experience with copy paste contents is not good but rest of the things are working really nice.

    When we copy paste contents it adds extra spaces which makes the contents less unreadable, we will really  appreciate if you can address this issue or provide your vision to make it better.

    Regards,

    VT

  • v1.7.0 Release Notes
    • Added parameter saveImagesInFolder to save the images inserted into Appian KC.
  • Hi there. Im experiencing issues with images not loading in MS Edge, and am assuming it is as per the warnings and notifications I can find in comments here summarised below:

    ARTE and potentially other component plug-ins are encountering issues due to a recent update affecting all major browsers. the reason for this behavior is something related to Google changing the way handling cookies

    Make sure to open a ticket and request to apply the change to support the Rich Text Editor plugin. We have successfully addressed this bug through a site property adjustment and an application restart.

    Could I ask for more detail on this please? I am working on prem so dont have Appian Support to raise a ticket with - what is the site property adjustment that needs to be made prior to the restart?

  •   & Vuram

    Do you have any updates on this fix?

    Can we expect this fix in the upcoming release?

    Thanks,

    Dinesh L

  • Good morning, 

    I've tried to use the new parameter disableTableProps but it seems is not working properly. It should disable the properties in Tables, but it disable Tables, not just the properties. Could you please revise? I would like to continue using this plugin :)

    Thanks in advance for your help.