Plug-in (Component)Free

Advanced Rich Text Editor

by Vuram Technology

Description

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 Advanced Rich Text Editor Connected System (Vuram) Plugin from https://community.appian.com/b/appmarket/posts/advanced-rich-text-editor-connected-system-vuram ).

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.

Features

You can find below parameters:

  1. Label : Text to display as the field label.
  2. Label Position: Determines where the label appears. Valid values: “ABOVE” (default), “ADJACENT”, “JUSTIFIED”, “COLLAPSED”.
  3. Height: Determines the layout height. Valid values: “SHORT”, “MEDIUM”, “TALL”, “AUTO” (default).
  4. MaxSize: Maximum size of the rich text data. Default:10000
  5. Placeholder : Placeholder text to display in the component wherever you want.
  6. richTextValue: Rich text to display in the field.
  7. 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
  8. IsReadOnly: Determines if the field should display as editable or not. Valid Values : True or False
  9. allowImageUpload : Determines if image upload are allowed. Default: false.
  10. 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.
  11. Show Usage Bar: Provide false to hide the usage bar at the bottom of editor. Default true
  12. Enable Fullpage Output: Enabling fullpage exposes <head>, <body> and various meta tags in richText output. Default true.
  13. Enable Spell Checker: Provide true to enable the spell checker. Default false.
  14. Uploaded Images Doc Ids SaveInto- Document Ids of all uploaded images will be saved into this rule variable.
  15. Exported PDF Id - Returns the document ID of the exported PDF.
  16. Enable Export Pdf- Provide false to disable the 'Export as PDF' button. Default: True

Release notes

V1.7.8

Bug fixes

Version history (31)

1.7.7

V1.7.7

  1. Fixed a bug with the readOnly mode.
  2. Updated libraries.

1.7.6

V1.7.6

  1. Fixed the readOnly behavior to disable only the inputs and allow copy and link clicks.
  2. Minor bug fixes.

1.7.5

V1.7.5

  1. Fixed a bug where the emoticons, date time and table menu items disappear for any height value other than AUTO.
  2. Minor bug fixes.

1.7.4

V1.7.4

  1. Added a new parameter to control whether the View-> Source code option is shown.
  2. Update the readOnly behavior to make the rendered HTML inert thereby disabling all interactions in the content.

1.7.3

V1.7.3

  1. Updated the component to avoid file uploads that are not supported but have modified extensions that mimic supported ones.
  2. Fixed issue where the image uploads successfully but still the component throws an error.

1.7.2

V1.7.2 1.Fixed a bug where the toast message was displayed without any event. 2.Fixed an issue where the tool bar was rendered with disabled image icon when setting isReadOnly to true.

1.7.1

V1.7.1

  1. Fixed an issue where the image tags do not have height and width parameters when pasted from external content.

1.7.0

V1.7.0

  1. Added parameter saveImagesInFolder to save the images inserted into Appian KC.

1.6.2

V1.6.2 Added a disableTableProps parameter. Fixed minor bugs in image validation.

1.6.1

Fixed minor bugs.

1.6.0

  1. Added new parameters ‘pasteAsText’, ‘limitExceededMessage’ and ‘imageValidation’.
  2. Character count is displayed in the usage bar.
  3. Functionality changes in ‘allowImageUpload’ parameter.
  4. Fixed minor bugs.

1.5.3

Optimized code for improved performance.

1.5.2

Fixed margin issues in editor.

1.5.1

  1. Fixed Cursor/Content reset issue.
  2. Fixed readOnly margin issue.

1.5.0

Added a Boolean parameter “enableLatexConversion“ to enable or disable the 'Convert LaTeX to Mathematical Expression' option in the Menu bar.

1.4.2

Fixed the issue of Document Id and Document name not being inserted when images are pasted or dragged into the editor.

1.4.1

Fixed the bug in the Show and Hide border. Fixed the issue with the linebreaks in the preview.

1.4.0

Added a Boolean parameter “includeHTMLlength” to include the html format in the size value when set “True” and vice versa.

1.3.0

Added a parameter showmenubar to show and hide menu bar. Removed the border of the editor when the editor is in readonly mode. Fixed a bug in richText save in which merged cells are not getting saved.

v1.2.2

Fixed a bug in the validation of read-only field and Security patch updated

v1.2.1

Fixed a bug in Placeholder parameter

v1.2.0

  1. ‘enableExportPdf’ parameter is added to enable or disable the ‘Export PDF’ option
  2. Placeholder parameter is updated to hold multiple values.
  3. Formatting is maintained when we paste the content into the editor.

V1.1.4

Fixed the bug that 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.

v1.1.3

-Fixed the Strike-through bug that was commented on the App market. -Added validation for minimum size.

v1.1.2

-Added a new parameter uploadedImagesDocIds which has the appian document ids of all uploaded images. -The image tag in source code will now contain two new attributes -data-docid = Appian document Id of the uploaded image -data-name = Actual name of the uploaded image from the local file system -Added French(France) and Arabic language support for the component. -Fixed the links opening issue in read only mode. -Now border width can be provided for table cells. -Now the minimum height of the editor will be 490px when set as "auto" and it will extend based on the content. -Added a new feature to export the content as Pdf and a new parameter called exportedPdfId will have the document id of the exported Pdf. -Naming convention of the images uploaded to the Appian server is changed to the format {local image file name + appian document id }.

v1.1.1

-Added two new parameters “showUsageBar” and “enableFullpageOutput” -Now users can copy the content in the ReadOnly mode. -Placeholder option will be hidden when no value is provided for the placeholder.

1.1.0

What's new in v1.1.0:

  1. Fixed the delay in saving the content/input to Appian.
  2. Fixed issue in uploading and viewing the image in Rich Text Editor. Developers need to change the instance of Appian Rich Text Connected System to Vuram Rich Text Editor Connected System on input of the RTE component.
  3. Added a new parameter to enable browser based spell check.

1.0.3

What's new in v1.0.3: SaveInto will happen on change without taking focus from the component.

1.0.2

Whats’s new in v1.0.2: Now the value of the Editor can be refreshed after the component loaded.

1.0.1

What’s new in v1.0.1:

  1. Fixed issue with the Placeholder dropdown.
  2. Component height will be automatically adjusted according to the content of the Rich text if the height is set to AUTO.
  3. Now emoticons can be added to the editor.

1.0.0

Delete the existing package before reinstalling the plugin and the new component rule name is richTextEditorField().

Resources