Change the default behavior of error handling to open a basic alert instead of logging the error in the console (see #1364).

josdejong · josdejong · commit cbb95ae97b32 · 2021-08-25T15:25:34.000+02:00
diff --git a/HISTORY.md b/HISTORY.md
@@ -5,6 +5,8 @@ https://github.com/josdejong/jsoneditor
 
 ## not yet published, version 9.5.4
 
+- Change the default behavior of error handling to open a basic alert instead 
+  of logging the error in the console (see #1364).
 - Use `noreferrer` for window.open. Thanks @rajitbanerjee.
 - Fix #1363: parsing error contains html caharacters.
 
diff --git a/docs/api.md b/docs/api.md
@@ -119,7 +119,7 @@ Constructs a new JSONEditor.
 - `{function} onError(error)`
 
   Set a callback function triggered when an error occurs. Invoked with the error as first argument. The callback is only invoked
-  for errors triggered by a users action, like switching from code mode to tree mode or clicking the Format button whilst the editor doesn't contain valid JSON.
+  for errors triggered by a users action, like switching from code mode to tree mode or clicking the Format button whilst the editor doesn't contain valid JSON. When not defined, a basic alert with the error message will be opened.
 
 - `{function} onModeChange(newMode, oldMode)`
 
diff --git a/examples/03_switch_mode.html b/examples/03_switch_mode.html
@@ -43,9 +43,6 @@
   const options = {
     mode: 'tree',
     modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
-    onError: function (err) {
-      alert(err.toString())
-    },
     onModeChange: function (newMode, oldMode) {
       console.log('Mode switched from', oldMode, 'to', newMode)
     }
diff --git a/examples/09_readonly_text_mode.html b/examples/09_readonly_text_mode.html
@@ -50,9 +50,6 @@
         return false;
       }
     },
-    onError: function (err) {
-      alert(err.toString())
-    },
     onModeChange: function (newMode, oldMode) {
       console.log('Mode switched from', oldMode, 'to', newMode)
     }
diff --git a/examples/15_selection_api.html b/examples/15_selection_api.html
@@ -21,7 +21,7 @@
 
     code.multiline {
       display: block;
-      white-space: pre-wrap 
+      white-space: pre-wrap;
     }
 
     #jsoneditor {
@@ -63,9 +63,6 @@
   const options = {
     mode: 'tree',
     modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
-    onError: function (err) {
-      alert(err.toString())
-    },
     onChange: function () {
       console.log('change')
     },
diff --git a/examples/17_on_event_api.html b/examples/17_on_event_api.html
@@ -28,7 +28,7 @@
 <body>
 
 <p>
-  When clicking on a JSON field or value, a log message will be shown in 
+  When clicking on a JSON field or value, a log message will be shown in
   console.
 </p>
 
@@ -43,9 +43,6 @@
     mode: 'tree',
     modes: ['code', 'form', 'text', 'tree', 'view', 'preview'], // allowed modes
     name: "jsonContent",
-    onError: function (err) {
-      alert(err.toString())
-    },
     onEvent: function(node, event) {
       if (node.value !== undefined) {
         console.log(event.type + ' event ' +
@@ -75,7 +72,7 @@
     "url": "http://jsoneditoronline.org",
     "[0]": "zero"
   }
-  
+
   window.editor = new JSONEditor(container, options, json)
 
   console.log('json', json)
diff --git a/examples/20_custom_css_style_for_nodes.html b/examples/20_custom_css_style_for_nodes.html
@@ -83,26 +83,20 @@ <h3>Custom class names</h3>
 
   const optionsLeft = {
     mode: 'tree',
-    onError: function (err) {
-      alert(err.toString())
-    },
     onClassName: onClassName,
     onChangeJSON: function (j) {
       jsonLeft = j
       window.editorRight.refresh()
-    }    
+    }
   }
 
   const optionsRight = {
     mode: 'tree',
-    onError: function (err) {
-      alert(err.toString())
-    },
     onClassName: onClassName,
     onChangeJSON: function (j) {
       jsonRight = j
       window.editorLeft.refresh()
-    }    
+    }
   }
 
   let jsonLeft = {
@@ -137,7 +131,7 @@ <h3>Custom class names</h3>
     "url": "http://jsoneditoronline.org",
     "[0]": "zero"
   }
-  
+
   window.editorLeft = new JSONEditor(containerLeft, optionsLeft, jsonLeft)
   window.editorRight = new JSONEditor(containerRight, optionsRight, jsonRight)
 </script>
diff --git a/src/js/JSONEditor.js b/src/js/JSONEditor.js
@@ -329,15 +329,16 @@ JSONEditor.prototype.getMode = function () {
 
 /**
  * Throw an error. If an error callback is configured in options.error, this
- * callback will be invoked. Else, a regular error is thrown.
+ * callback will be invoked. Else, a basic alert window with the error message
+ * will be shown to the user.
  * @param {Error} err
  * @private
  */
 JSONEditor.prototype._onError = function (err) {
   if (this.options && typeof this.options.onError === 'function') {
     this.options.onError(err)
   } else {
-    throw err
+    alert(err.toString())
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -50,9 +50,6 @@`
`50`	`50`	`return false;`
`51`	`51`	`}`
`52`	`52`	`},`
`53`		`- onError: function (err) {`
`54`		`- alert(err.toString())`
`55`		`- },`
`56`	`53`	`onModeChange: function (newMode, oldMode) {`
`57`	`54`	`console.log('Mode switched from', oldMode, 'to', newMode)`
`58`	`55`	`}`