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:

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

riyazn 4 months ago in reply to ananthakrishnans

Hi ananthakrishnans ,

We are using following versions:

Advanced Rich Text Editor (richTextEditorField) - 1.6.1,

Advanced Rich Text Editor (AdvancedRichTextEditorConnectedSystem) - 1.1.0

With these versions also we are getting the same issue.

Could you please help us in this ASAP?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans 4 months ago in reply to riyazn

Hi riyazn,

Thank you for reaching out! Could you please confirm the plugin version you are currently using? If you are using version 1.6.0, kindly update it to the latest version and try uploading images again.

Regards,
Ananthakrishnan S
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans 4 months ago in reply to pedroborja

Hi pedroborja ,

Thanks for reaching out!
Could you please check whether the following parameters are configured:

1. 'allowImageUpload' parameter set to true.
2. 'imageStorageConnectedSystem' is configured correctly.

Regards,
Ananthakrishnan S
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
riyazn 5 months ago

Hi Team,

I am getting following error while uploading the image.

Configured allowImageUpload: true and
imageStorageConnectedSystem:

Could you please help us in this?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
pedroborja 5 months ago

Hi,

In version 1.6 you can display images, however version 1.6.1 shows you the following icon on the screen
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
aleksandrss0001 5 months ago in reply to ananthakrishnans

Hi ananthakrishnans , thanks for the explanation!

What would be recommended way how to use embedded images in HTML emails? How would it possible to replace appian document ids with the reference to email attachments?

Thanks in advance!

Aleksandrs Sirotinskis
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans 5 months ago in reply to aleksandrss0001

Hi aleksandrss0001 ,

In the previous version, smaller images were included as base64 values in the HTML code. This caused some performance issues in the editor. Therefore, we made connected system as the required parameter to upload any images(above 1KB). Please ensure that the 'allowImageUpload' parameter is set to true.

Regards,
Ananthakrishnan S
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
ananthakrishnans 5 months ago in reply to jatink8850

Hi jatink8850,

Could you please check whether the following parameters are configured:

1. 'allowImageUpload' parameter set to true.
2. 'imageStorageConnectedSystem' is configured correctly.

Regards,
Ananthakrishnan S
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
jatink8850 5 months ago in reply to ananthakrishnans

Thanks ananthakrishnans
First of all, thank you for your work, it is very useful.

Hello Vuram Team

There is one more issue we are facing. We are not able to paste the images directly into the rich text editor. In earlier versions we simply take screenshot and paste it directly into the rich text editor.

we are not passing the 'pasteAsText' also

Earlier Version :

Latest Version
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
aleksandrss0001 5 months ago

Just another comment - we used the previous version (1.5.1) to add embedded images to outgoing emails. is there any suggested way how to do it with new plugin version?
- Cancel
- Up 0 Down
- Reply
- More
- Cancel