this.container = elem} />
+ );
+ }
+
+ onChange = () => {
+ if (this.props.onChange) {
+ // note that this.jsoneditor.get() can fail in mode text/code
+ // when the contents is no valid JSON object.
+ // So if you need mode text/node, you must use getText() and setText().
+ this.props.onChange(this.jsoneditor.get());
+ }
+ }
+}
diff --git a/examples/react_demo/src/index.css b/examples/react_demo/src/index.css
new file mode 100644
index 0000000..9d23ceb
--- /dev/null
+++ b/examples/react_demo/src/index.css
@@ -0,0 +1,3 @@
+body {
+ font-family: sans-serif;
+}
diff --git a/examples/react_demo/src/index.js b/examples/react_demo/src/index.js
new file mode 100644
index 0000000..395b749
--- /dev/null
+++ b/examples/react_demo/src/index.js
@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
+
+ReactDOM.render(
, document.getElementById('root'));
diff --git a/src/js/JSONEditor.js b/src/js/JSONEditor.js
index f6d15b6..0c6f66d 100644
--- a/src/js/JSONEditor.js
+++ b/src/js/JSONEditor.js
@@ -89,16 +89,8 @@ function JSONEditor (container, options, json) {
// validate options
if (options) {
- var VALID_OPTIONS = [
- 'ajv', 'schema', 'schemaRefs','templates',
- 'ace', 'theme','autocomplete',
- 'onChange', 'onEditable', 'onError', 'onModeChange', 'onSelectionChange', 'onTextSelectionChange',
- 'escapeUnicode', 'history', 'search', 'mode', 'modes', 'name', 'indentation',
- 'sortObjectKeys', 'navigationBar', 'statusBar', 'languages', 'language'
- ];
-
Object.keys(options).forEach(function (option) {
- if (VALID_OPTIONS.indexOf(option) === -1) {
+ if (JSONEditor.VALID_OPTIONS.indexOf(option) === -1) {
console.warn('Unknown option "' + option + '". This option will be ignored');
}
});
@@ -130,6 +122,14 @@ JSONEditor.modes = {};
// debounce interval for JSON schema vaidation in milliseconds
JSONEditor.prototype.DEBOUNCE_INTERVAL = 150;
+JSONEditor.VALID_OPTIONS = [
+ 'ajv', 'schema', 'schemaRefs','templates',
+ 'ace', 'theme','autocomplete',
+ 'onChange', 'onEditable', 'onError', 'onModeChange', 'onSelectionChange', 'onTextSelectionChange',
+ 'escapeUnicode', 'history', 'search', 'mode', 'modes', 'name', 'indentation',
+ 'sortObjectKeys', 'navigationBar', 'statusBar', 'languages', 'language'
+];
+
/**
* Create the JSONEditor
* @param {Element} container Container element