How to use the jsoneditor/dist/jsoneditor.min.js function in jsoneditor

To help you get started, we’ve selected a few jsoneditor examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github 1ambda / kafka-connect-dashboard / kafkalot-ui / src / components / ConnectorPage / ConnectorConfigEditor.js View on Github external
const availableModes = getAvailableEditorModes(readonly)

    const onChangeHandler = this.handleEditorContentChange
    const onErrorHandler = this.handleEditorError

    const options = {
      search: false, // TODO: fix search width
      mode: defaultMode,
      schema: configSchema,
      modes: availableModes,
      onChange: onChangeHandler,
      onError: onErrorHandler,
    }

    /** external library which does not be managed by React */
    const editor = new JSONEditor(document.getElementById(ELEM_ID_EDITOR_DIALOG), options, initialJSON)

    if (defaultMode !== JsonEditorMode.CODE) editor.expandAll()

    this.setState({ editor, }) // eslint-disable-line react/no-did-mount-set-state,react/no-set-state
  }
github 1ambda / kafka-connect-dashboard / kafkalot-ui / src / components / ConnectorPage / ConnectorCreateEditor.js View on Github external
const defaultMode = getDefaultEditorMode()
    const availableModes = getAvailableEditorModes()
    const onChangeHandler = this.handleEditorContentChange
    const onErrorHandler = this.handleEditorError

    const options = {
      search: false, // TODO: fix search width
      schema: configSchema,
      mode: defaultMode,
      modes: availableModes,
      onChange: onChangeHandler,
      onError: onErrorHandler,
    }

    /** external library which does not be managed by React */
    const editor = new JSONEditor(document.getElementById(ELEM_ID), options)
    editor.set(SchemaUtil.InitialConnectorConfig)

    if (defaultMode !== JsonEditorMode.CODE) editor.expandAll()

    this.setState({ editor, }) // eslint-disable-line react/no-did-mount-set-state,react/no-set-state
  }

jsoneditor

A web-based tool to view, edit, format, and validate JSON

Apache-2.0
Latest version published 27 days ago

Package Health Score

86 / 100
Full package analysis

Similar packages