luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve json editor

Browse Source
This commit is contained in:
Thomas Nordquist
2020-04-16 10:50:26 +02:00
parent 65e9f2e074
commit a89d7cf62e
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/src/components/Sidebar/Publish/Editor.tsx
View File

@@ -1,11 +1,14 @@
import * as React from 'react' import * as React from 'react'
import { default as AceEditor } from 'react-ace' import { default as AceEditor } from 'react-ace'
import { Theme, withTheme } from '@material-ui/core' import { Theme, withTheme } from '@material-ui/core'
import 'brace/mode/json' import 'ace-builds'
import 'brace/theme/dawn' import 'ace-builds/webpack-resolver'
import 'brace/theme/monokai' import 'ace-builds/src-noconflict/mode-json'
import 'brace/mode/xml' import 'ace-builds/src-noconflict/mode-xml'
import 'brace/mode/text' import 'ace-builds/src-noconflict/snippets/json'
import 'ace-builds/src-noconflict/snippets/xml'
import 'ace-builds/src-noconflict/mode-text'
import 'ace-builds/src-noconflict/theme-monokai'
import 'react-ace' import 'react-ace'
function Editor(props: { function Editor(props: {
@@ -27,6 +30,10 @@ function Editor(props: {
name="UNIQUE_ID_OF_DIV" name="UNIQUE_ID_OF_DIV"
width="100%" width="100%"
height="200px" height="200px"
enableSnippets={true}
enableBasicAutocompletion={true}
enableLiveAutocompletion={true}
showPrintMargin={false}
showGutter={true} showGutter={true}
value={props.value} value={props.value}
onChange={props.onChange} onChange={props.onChange}