btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: placeholder, auto-close brackets, search, line wrap

Browse Source
This commit is contained in:
liyasthomas
2021-09-01 17:33:54 +05:30
parent 3addfe8d4b
commit c938abf606
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/smart/CodeMirror.vue
View File

@@ -39,6 +39,8 @@ const editor = ref<any | null>(null)
useCodemirror(editor, value, { useCodemirror(editor, value, {
extendedEditorConfig: { extendedEditorConfig: {
mode: props.mode, mode: props.mode,
placeholder: props.placeholder,
lineWrapping: props.wrap,
}, },
linter: props.linter, linter: props.linter,
}) })

8
helpers/editor/codemirror.ts
View File

@@ -4,6 +4,7 @@ import "codemirror/theme/juejin.css"
import "codemirror/lib/codemirror.css" import "codemirror/lib/codemirror.css"
import "codemirror/addon/lint/lint.css" import "codemirror/addon/lint/lint.css"
import "codemirror/addon/dialog/dialog.css"
import "codemirror/addon/fold/foldgutter.css" import "codemirror/addon/fold/foldgutter.css"
import "codemirror/addon/fold/foldgutter" import "codemirror/addon/fold/foldgutter"
@@ -12,6 +13,12 @@ import "codemirror/addon/fold/comment-fold"
import "codemirror/addon/fold/indent-fold" import "codemirror/addon/fold/indent-fold"
import "codemirror/addon/display/autorefresh" import "codemirror/addon/display/autorefresh"
import "codemirror/addon/lint/lint" import "codemirror/addon/lint/lint"
import "codemirror/addon/display/placeholder"
import "codemirror/addon/edit/closebrackets"
import "codemirror/addon/search/search"
import "codemirror/addon/search/searchcursor"
import "codemirror/addon/search/jump-to-line"
import "codemirror/addon/dialog/dialog"
import { watch, onMounted, ref, Ref } from "@nuxtjs/composition-api" import { watch, onMounted, ref, Ref } from "@nuxtjs/composition-api"
import { LinterDefinition } from "./linting/linter" import { LinterDefinition } from "./linting/linter"
@@ -28,6 +35,7 @@ const DEFAULT_EDITOR_CONFIG: CodeMirror.EditorConfiguration = {
autoRefresh: true, autoRefresh: true,
lineNumbers: true, lineNumbers: true,
foldGutter: true, foldGutter: true,
autoCloseBrackets: true,
gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"], gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
} }