Advanced Rich Text Editor Connected System (Vuram)

Overview

This Connected System allows users of the Rich Text Advanced Rich Text Editor Component Plug-In component plug-in to upload images and have them be stored in the Appian document management system to export the content as Pdf and store them in Appian and return the corresponding document Id.

Key Features & Functionality

  • Advanced Rich Text Editor Image Upload
  • Export as PDF
  • Get Base64 from HTML text
Anonymous
  • v1.0.5 Release Notes
    • Updated plugins as of Appian Version 23.2

  • v1.0.4 Release Notes
    • Fixed the Conversion of Arabic text issue in Export as PDF Client API

  • v1.0.3 Release Notes
    • Fixed the image cropping and text cropping issue in Export as PDF Client API.
  • Thank you for the response!

  • Hi ,

    Thanks for bringing up this issue! When we analyzed we found that when we upload the images the docId is getting added, but when we try to paste the image the docId is not getting updated in the html content. We will fix this issue in the next version.

  • Hi ,

    I uploaded 3 images but getting only 2 docIds in the html text.
    So may you please help me in this.
    Thank you.

    <p><img src="https://site/doc/ioBZxasdgxUO0BsNw0QInFaFGafb3RUn7RwSt1uhuIfFg2Fm2k3zvTq2lvbyHgXU_9I" data-docid="138302" data-name="mceclip4.png" /></p>
    <p><img src="https://site/doc/ioBZxxUO0adgsdfgBsNw0aaQInFaFG3RU6sdahicQ1nmyrWY5YLZOo18Vcladb3tcIb4FJabU" data-docid="138303" data-name="mceclip5.png" /></p>
    <p><img src="https://site/doc/ioBZxxUsdfbO0BsNw0sdbQInFaFG3RVJGSBvssXBe0ElH5u8asdsV60pAisZ8EDt_LYH_o" /></p>

  • Thank you for the response!

  • Hi ,

    I would suggest a workaround for now that you can try. You will be able to find the document ids in the html text in each image tag, you can use regex to get those ids from the html text. Using that you can identify the removed images by comparing with the local!docIds. Meanwhile we will try to find a solution for this issue and update the plugin.

    Thanks.

  • Hence, how do I segregate the Ids for moving the document in the permanent folder and for deleting the duplicate and unwanted document from the temporary folder.

    And FYI, multiple end users can use the same editor on same time for in System.

  • richTextEditorField(
                        label: "",
                        labelPosition: "ABOVE",
                        required: true(),
                        height: "AUTO",
                        richTextValue: local!message,
                        richTextSaveInto: local!message,
                        isReadOnly: false,
                        showMenubar: true,
                        maxSize: 4294967295,
                        allowImageUpload: true(),
                        imageStorageConnectedSystem: cons!IMAGE_UPLOAD_CONNECTED_SYS,
                        uploadedImagesDocIds: local!docIds,
                        placeholder: null,
                        enableSpellChecker: true,
                        showUsageBar: false,
                        enableFullpageOutput: false,
                        enableExportPdf: false
                      )


    Hi,

    I used the uploadedImagesDocIds functionality in the rich text enter but I am not able to remove the doc ids from the referenced local variable (see in above code "local!docIds") for the documents which I erased from the editor.

    Example: Let suppose I uploads 5 document: A,B, C, D and E.

       And if I remove the doc B and D from the editor then I can not able to remove the particular docIds from the variable (local!docIds).

    Thank You.