Information
  • Author: Vuram
  • Type: Plug-in (Component)
  • Support: This plug-in or utility is not supported by the author. The content is free to use with a licensed product, but it is made available as-is and Community supported.
  • Industry: All Industries
  • Compatible Version(s): 24.2
  • First Released:
  • Last Updated:
  • Cost: Free
Resources
Share
Home » AppMarket » Advanced Rich Text Editor (Vuram)

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
  • in reply to Venkatesh Suram

    Hi ,

    we can try using the uploadedImagesDocIdsSaveInto parameter for this, which stores the document id of the uploaded images through this component in an array. Please refer to the attached image for reference.

    Thanks,

    Vignesh.

  • in reply to Venkatesh Suram

    Hi vsuram,

    The documents need to present in the Appian KC to be displayed in the dashboard. If you delete the documents then it is not possible to display it.

    Thanks.

  • Using the component in Read-Only mode, we encounter the error message as shown in the attached screen-shot about the minimum/maximum numbers or characters someone can enter into the field. 

    Is there any way, to suppress this message?

  • in reply to Santhosh Kumar

    Thank you for your effort.

    I try to user PdfFromHTMl  smart service, it support Arabic lang, but cant support dir='rtl' style to div or OLOk woman 

  • in reply to sawsan asa'ad

    HI ,

    We are looking into the issue. The current conversion library is not supporting the Arabic character. We are looking for an alternative library to support the Arabic font.

    Thanks

  • Hi Team,

    Can you  also, please help me to understand the below identifies after doc in the URL. Can we get the document using any function by using the below highlighted identifier.

    <!DOCTYPE html> <html> <head> </head> <body> <p>Hi Team,</p> <p>Please find below document.</p> <p></p> <p><img src="orgdev.appiancloud.com/.../ioBELfQEIODh0iuh6Wa2z4TTA73CdVfr1tQuL5IsP9sptJEeDaUj7IKgdw" /></p> <p></p> </body> </html>

    Thanks!!

  • Hi Team,

    In one of our case management application planning to utilize the richtexteditor() plugin to provide better user experience while different department collaborating .Also recently integrated with internal ECM to store the documents. So in this case view(Record sub view tab) displaying the comments(Paragraph field) along with uploaded document as downloadable link. Whenever i checked the richtexteditor component generating for the inline images(Pasted in the component) as base64/binary OR referencing directly from Appian environment as link. But in my case once the form submitted with comments and inline images will upload into ECM through API call and deleted document from Appian KC. But while displaying in the Case sub dashboard(Record View) we need to display as it is what enter by user. Example PF below.

    In this case documents are resides in the ECM tool .So in this such scenario, is there any easy way to achieve without downloading the all case level comments documents into Appian?.

    Thanks!!

  • when I press "export as PDF" the result as second photo .

    how can I export as PDF with Arabic word ?

  • I can see a while ago that a new parameter has been added for "browser based spell check". That was part of version 1.1.0

    In particular I need to know what to do so that I get Greek spelling check inside Appian editors.

    What needs to be done at the browser level? (install a dictionary? install any browser plugin?) Can you please elaborate?

  • Release Notes - v1.2.1
    • Fixed a bug in Placeholder parameter
© 2025 Appian. All rights reserved.
We want to hear from you! Submit a review on Gartner or G2.