Saving on browser back or refresh

Thread ID:	Created:	Updated:	Platform:	Replies:
149290	Nov 20,2019 07:18 PM UTC	Nov 21,2019 11:50 AM UTC	Blazor	1

Subscribe to this post

Tags: In-place Editor

Ivan Petrov

Asked On November 20, 2019 07:18 PM UTC

Hello,

How can I save the content of the editor when somebody clicks the browser back or refresh. Currently, when I click outside of the component it saves the new value, however that is not true for the mentioned cases.

Krasimir

Reply | Reply with quote

Pandiyaraj Muniyandi [Syncfusion]

Replied On November 21, 2019 11:50 AM UTC

Hi Krasimir,

Greetings from Syncfusion support.

We have validated your requirement and its default functionality of browser. We can achieve this requirement from application end by calling In-place Editor - save() public method in JavaScript window.onbeforeunload event callback as follows.

API: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InPlaceEditor.SfInPlaceEditor-1.html#Syncfusion_Blazor_InPlaceEditor_SfInPlaceEditor_1_Save

Note: onbeforeunload trigger when leaving from current page (refresh too).

Index.js

Add index.js file with below code blocks and save it in wwwroot folder of your application. Then add this JS file reference into _host.cshtml

window.onbeforeunload = function () {

var editorObj = document.getElementById('TextEditor').ej2_instances[0];

if (editorObj.enableEditMode) { // To ensure whether editor in ediable mode

editorObj.save(); // Save the editor current value

}

};

We have prepared sample for your reference, get it from below link

https://www.syncfusion.com/downloads/support/forum/149290/ze/Editor-1481329059

Regards,

Pandiyaraj

Reply | Reply with quote

CONTACT US

Saving on browser back or refresh

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US