Custom editor example

src-docs/App.vue

@@ -107,6 +107,9 @@
 </template>
 
 <script>
+
+import EditorStringCustom from "./js/custom-editor.js";
+
 import Jedi from '/src/index.js'
 import all from './json/editors/all.json'
 import array from './json/editors/array.json'
@@ -412,7 +415,7 @@ export default {
         theme: this.getThemeInstance(this.theme),
         refParser,
         customEditors: [
-          // EditorStringCustom
+          EditorStringCustom
         ]
       }
 

src-docs/js/custom-editor.js

@@ -0,0 +1,21 @@
+import Jedi from '../../src/index.js'
+
+class EditorStringCustom extends Jedi.EditorNull {
+  static resolves (schema) {
+    const schemaType = Jedi.Schema.getSchemaType(schema)
+    const custom = Jedi.Schema.getSchemaXOption(schema, 'custom')
+    return schemaType === 'null' && Jedi.Utils.isSet(custom)
+  }
+
+  build () {
+    super.build()
+
+    const iframe = document.createElement('iframe')
+    iframe.src = 'https://json-schema.org/'
+    iframe.setAttribute('width', '100%')
+    iframe.setAttribute('height', '1000px')
+    this.control.container.appendChild(iframe)
+  }
+}
+
+export default EditorStringCustom