thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

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
Show stats 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, {
extendedEditorConfig: {
mode: props.mode,
placeholder: props.placeholder,
lineWrapping: props.wrap,
},
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/addon/lint/lint.css"
import "codemirror/addon/dialog/dialog.css"
import "codemirror/addon/fold/foldgutter.css"
import "codemirror/addon/fold/foldgutter"
@ -12,6 +13,12 @@ import "codemirror/addon/fold/comment-fold"
import "codemirror/addon/fold/indent-fold"
import "codemirror/addon/display/autorefresh"
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 { LinterDefinition } from "./linting/linter"
@ -28,6 +35,7 @@ const DEFAULT_EDITOR_CONFIG: CodeMirror.EditorConfiguration = {
autoRefresh: true,
lineNumbers: true,
foldGutter: true,
autoCloseBrackets: true,
gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
}