comments flushed out after refreshing page

[defaulthe898w6q9o15]

I am using Adobe Embeded Javascript API

when i add comment in the PDF then it gets flushed out after refreshing page.

I want to persist these comments even after refreshing the page.

how can i do it?

[Joel_Geraci]

When you refresh the page, you are reloading the uncommented PDF file from the server so you won't see any comments previously added.

But I'm unclear as to how you want it to work. When the comments are saved, do you want the comments to be private to each user where they get reloaded on each visit, or do you want to update the file on the server every time anyone makes a comment... or something else?

[defaulthe898w6q9o15]

We have to update the file on the server every time and anyone can makes a comment.

How we can do this?

could you please help us?

[Shubhanshu Dixit]

Please refer to this documentation

https://www.adobe.com/devnet-docs/dcsdk_io/viewSDK/howtos_ui.html#save-a-pdf

[defaulthe898w6q9o15]

with the help of above url getting updated pdf content .

 It's saving but in another file i.e "Piping Drawing.pdf" but i want to save comments in same file i.e mentioned in url "../Sample Searchable PDF.pdf" .

how we can achieve it?

example: 

content: {

            location: {

                url: "../Sample Searchable PDF.pdf",             

            },

        },

        metaData: {

            fileName: "Piping Drawing.pdf"

        }

after click on save all added comments should save in same file. and user can see it after refreshing page also.

now it saving another file how we can do it?

[Shubhanshu Dixit]

Can you provide us the snippet of the Save Callback you have registered? 

[defaulthe898w6q9o15]

var viewerConfig = {

    showAnnotationTools: true,

    enableFormFilling: true,

};

/* Wait for Adobe Document Services PDF Embed API to be ready */

document.addEventListener("adobe_dc_view_sdk.ready", function () {

    /* Initialize the AdobeDC View object */

    var adobeDCView = new AdobeDC.View({

        /* Pass your registered client id */

        clientId: "4d7f1369c88548c593d979fd0532710a",

        /* Pass the div id in which PDF should be rendered */

        divId: "adobe-dc-view",

    });

    /* Invoke the file preview API on Adobe DC View object */

    adobeDCView.previewFile({

        /* Pass information on how to access the file */

        content: {

            /* Location of file where it is hosted */

            location: {

                url: "../Sample Searchable PDF.pdf",

                /*

                If the file URL requires some additional headers, then it can be passed as follows:-

                headers: [

                    {

                        key: "<HEADER_KEY>",

                        value: "<HEADER_VALUE>",

                    }

                ]

                */

            },

        },

        /* Pass meta data of file */

        metaData: {

            /* file name */

            fileName: "Piping Drawing.pdf"

        }

    }, viewerConfig);

    /* Define Save API Handler */

    var saveApiHandler = function (metaData, content, options) {

        console.log(metaData, content, options);

        return new Promise(function (resolve, reject) {

            /* Dummy implementation of Save API, replace with your business logic */

            setTimeout(function () {

                var response = {

                    code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,

                    data: {

                        metaData: Object.assign(metaData, { updatedAt: new Date()})

                    },

                };

                resolve(response);

            }, 2000);

        });

    };

    adobeDCView.registerCallback(

        AdobeDC.View.Enum.CallbackType.SAVE_API,        

        saveApiHandler,

        {}

    );

});

[Shubhanshu Dixit]

You need to write your file update implementation in the saveApiHandler, in which you can use the content buffer provided as an argument to update the file at the desired location.

[defaulthe898w6q9o15]

var saveApiHandler = function (metaData, content, options) {

        console.log(metaData, content, options);

        return new Promise(function (resolve, reject) {

            /* Dummy implementation of Save API, replace with your business logic */

            setTimeout(function () {

                var response = {

                    code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,

                    data: {

                        metaData: Object.assign(metaData, { updatedAt: new Date()})

                    },

                };

                resolve(response);

            });

        });  

    };

    adobeDCView.then(function (adobeViewer) {

        console.log("in..");

        adobeViewer.getAnnotationManager().then(function (annotationManager) {

            /* API to add annotations to PDF and return the updated PDF buffer */

            /* These APIs will work only when includePDFAnnotations is set to true in viewerConfig */

            annotationManager.addAnnotationsInPDF(content)

                .then(function (result) {

                    console.log("Annotations added to PDF successfully and updated PDF buffer returned.", result)

                })

                .catch(function (error) {

                    console.log(error)

                });        

        });

    }); 

added updated content buffer but file get downloaded after save.

don't want to download .

reflect changes in same file.

how could we do this?

[Shubhanshu Dixit]

I am not sure whether you are following the documentation or not. You need not to have any annotation manager for your use-case. 

As described in the comment of saveApiHandler itself that  /* Dummy implementation of Save API, replace with your business logic */, So, you have to write the code for uploading the content of the file in your desired location (where the file is residing currently).

[defaulthe898w6q9o15]

const saveApiHandler = (metaData: any, content:ArrayBuffer, options: any) => {

            console.log(metaData, content, options);

});

How can i get updated File object in saveApiHandler ?

I am stuck in writing updated content in File using Java.

Could you please tell If we can get File Object instead of Content.

[Joel_Geraci]

There are multiple methods. I have an example here that converts the content to a base64 string and then constructs a URL to save the file.

[defaulthe898w6q9o15]

Unable to see exiting comments text ? could you please help?

I am doing this in angular i can Add,Edit Delete comments but after save not able to see comments text.

[defaulthe898w6q9o15]

Hello,

Your answers help me a lot i need 1 more help.

 

I have done 1 example in angular 6 but I want to show the username who is going to add comments.

It shows a GUEST everytime.

I have added below API -

this.adobeDCView.registerCallback(

            window.AdobeDC.View.Enum.CallbackType.GET_USER_PROFILE_API,

            function () {

                return new Promise((resolve, reject) => {

                    resolve({

                        code: window.AdobeDC.View.Enum.ApiResponseCode.SUCCESS,

                        data: profile

                    });

                });

        }, {});

But while adding comments getting an error 

"dc-core.js:2 TypeError: this.props.data.creator.id.split is not a function".

Could you please help me to solve this error and show the name?

[Shubhanshu Dixit]

We would like to apologize for the inconvenience. Ideally, it should work after registering the GET_USER_PROFILE_API callback in the documented way https://www.adobe.com/devnet-docs/dcsdk_io/viewSDK/howtos_ui.html#user-profiles.

Could you please confirm if you are following the same? Also, if we can get the code snippet (configurations) you used with PDF Embed API for your website. 

[defaulthe898w6q9o15]

Yes Refering the same.

Attached snippet could you please check and let me know It's in angular 

 

[Joel_Geraci]

I'm not proficient at Angular. Sorry.

[Joel_Geraci]

I show examples of creating and setting the user profile at this CodePen