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:

It is recommended to use one ARTE Component in a Page/Interface.
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

pauls0010 over 2 years ago

Hi there,
i have installed both the Advanced Rich Text Editor (Vuram) and Advanced Rich Text Editor Connected System (Vuram) plugins. along with the Capture Image plugin. I want to be able to make use of the camera functionality and upload a cam pic directly to Appian. When i try to upload an image I'm getting the following error :

Unable to get response from connected system

The SAIL code currently looks like this .

richTextEditorField(
richTextValue: local!rich,
richTextSaveInto: local!rich,
allowImageUpload:true(),
imageStorageConnectedSystem: cons!ICSA_IMAGE_STORAGE_CS,
uploadedImagesDocIds:local!documentId
)

Any ideas ?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Pushpender Singh over 2 years ago in reply to ananthakrishnans

Thanks for the Helping out.
It is working as expected.

ananthakrishnans Thanks again
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans over 2 years ago in reply to itsjainrohit

Hi,

Thanks for reaching out.

could you please specify whether you are looking to adjust the margin/padding of the complete editor or if you want to customize the margin/padding for the content within the editor?

Thank you
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
itsjainrohit over 2 years ago

Hi, There is an ask for us to control the margin/padding for editor content, Is there any possibility of an input parameter to handle margin/padding in the rich text editor?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Appian AppMarket over 2 years ago
v1.5.2 Release Notes
- Fixed margin issues in editor.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
jatink8850 over 2 years ago

Hi,
We are facing this issue in rich text editor, can anyone help me in this?

We are using advanced rich text editor connected system.

Thank You
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Appian AppMarket over 2 years ago
v1.5.1 Release Notes
- Fixed Cursor/Content reset issue.
- Fixed readOnly margin issue.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans over 2 years ago in reply to Pushpender Singh

Hi Pushpender,

Thanks for reaching out to us.

The plugin is working as expected, there is a parameter named "enableFullpageOutput". By setting this parameter to "false," you will be able to edit both emails within the editor.

Thank you
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Pushpender Singh over 2 years ago

Hi,
i sent email (HTML format) via rule input (List of text string) in the Advanced Rich Text Editor,

and it is only displaying first email from the rule input in the editor field in correct manner.
and when I click on the View and then Preview. then both the emails are visible.
but,
my use case is to edit those emails, both of them.
and it is only allowing to edit the firsts one.

Advanced Rich Text Editor works like this OR it is a bug ?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
juergeng0002 over 2 years ago in reply to MohammedWasim

Hi Mohammed,
Thanks for fixing the issue. That is awesome.
Helping us a lot in the applications where we using this great component.
Thanks
- Cancel
- Up 0 Down
- Reply
- More
- Cancel