CLASSROOMIO-T-166: Autosave on Style Changes Fix

Improve edge cases of autosave CLASSROOMIO-T-166: Autosave on Style Changes Fix Co-authored-by: Rotimi Best <[email protected]> Co-authored-by: Tunji Adeyemi <[email protected]> Merge-request: CLASSROOMIO-MR-71 Merged-by: Best Admin <[email protected]>
2023-09-13 18:56:58 +00:00
parent 48cd79659d
commit 56f979d76e
2 changed files with 14 additions and 5 deletions
@@ -2,6 +2,7 @@
  import { PUBLIC_TINYMCE_API_KEY } from '$env/static/public';
  import Editor from '@tinymce/tinymce-svelte';

+  export let id = '';
  export let value: string;
  export let onChange = (html = '') => {};
  export let height = 300;
@@ -26,11 +27,16 @@
    placeholder: placeholder,
    init_instance_callback: function (editor: any) {
      editorWindowRef = editor.iframeElement?.contentWindow;
-      editor.on('Input', function () {
+      editor.on('Change', function () {
        const html = editor.getContent();
        if (onChange) {
          onChange(html);
        }
+
+        // backup in case the data doesn't get to our backend, we should store the note to avoid data loss
+        if (id) {
+          localStorage.setItem(id, html);
+        }
      });
    }
  };