https://github.com/poetic/react-jsonschema-form-codemirror-widget

codemirror widget for react-jsonschema-form
https://github.com/poetic/react-jsonschema-form-codemirror-widget

Last synced: about 2 months ago
JSON representation

codemirror widget for react-jsonschema-form

• Host: GitHub
• URL: https://github.com/poetic/react-jsonschema-form-codemirror-widget
• Owner: poetic
• Created: 2016-11-02T15:10:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-14T20:55:15.000Z (about 8 years ago)
• Last Synced: 2025-03-24T20:23:01.974Z (2 months ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 3
• Watchers: 5
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![travis][travis-image]][travis-url]

[![npm][npm-image]][npm-url]

[![semantic-release][semantic-release-image]][semantic-release-url]

[travis-image]:            https://img.shields.io/travis/poetic/react-jsonschema-form-codemirror-widget.svg?branch=master

[travis-url]:              https://travis-ci.org/poetic/react-jsonschema-form-codemirror-widget

[npm-image]:               https://img.shields.io/npm/v/react-jsonschema-form-codemirror-widget.svg

[npm-url]:                 https://npmjs.org/package/react-jsonschema-form-codemirror-widget

[semantic-release-image]:  https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg

[semantic-release-url]:    https://github.com/semantic-release/semantic-release

[coverall-image]:          https://img.shields.io/coveralls/poetic/react-jsonschema-form-codemirror-widget.svg

[coverall-url]:            https://coveralls.io/github/poetic/react-jsonschema-form-codemirror-widget

## Example

```

import React from 'react'

import { CodeMirrorWidgetJavascript, CodeMirrorWidgetJSON } from 'react-jsonschema-form-codemirror-widget'

import Form from "react-jsonschema-form"

class MyForm extends React.Component {

  render() {

    const schema = {

      title: "Blog",

      type: "object",

      properties: {

        codeMirrorJavascript: {type: "string"},

        codeMirrorJSON: {type: "string"}

      }

    }

    const uiSchema = {

      codeMirrorJavascript: {

        "ui:widget": "codeMirrorJavascript"

      },

      codeMirrorJSON: {

        "ui:widget": "codeMirrorJSON"

      }

    }

    return 

  }

}

```