Advanced Rich Text Editor (Vuram)

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

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
Parents
  • When the editor loads for the 1st time, whether passing in anything (valid HTML, text) to richTextValue via local variable or rule input, the editor does not display the value. 

    As soon as designer edits the SAIL, e.g. remove the richTextValue parameter and undo (ctrl-z), or toggle isReadOnly, the value is displayed.,

    Usage bar shows % as >0, so it seems to think that there is value there, but is not displaying them.

    Steps to reproduce:

    1. Create new UI object, and add Advanced Rich Text Editor component
    2. Create a rule input of type Text
    3. Set richTextValue to rule input
    4. Supply a text value, e.g. "Hello" as rule input, set as default value
    5. Save object and close
    6. Open object - observe that "Hello" is not shown on load
    7. Toggle to Expression Mode, delete richTextValue parameter, and undo (ctrl-z) - observe that "Hello" is now displayed
Comment
  • When the editor loads for the 1st time, whether passing in anything (valid HTML, text) to richTextValue via local variable or rule input, the editor does not display the value. 

    As soon as designer edits the SAIL, e.g. remove the richTextValue parameter and undo (ctrl-z), or toggle isReadOnly, the value is displayed.,

    Usage bar shows % as >0, so it seems to think that there is value there, but is not displaying them.

    Steps to reproduce:

    1. Create new UI object, and add Advanced Rich Text Editor component
    2. Create a rule input of type Text
    3. Set richTextValue to rule input
    4. Supply a text value, e.g. "Hello" as rule input, set as default value
    5. Save object and close
    6. Open object - observe that "Hello" is not shown on load
    7. Toggle to Expression Mode, delete richTextValue parameter, and undo (ctrl-z) - observe that "Hello" is now displayed
Children
No Data