From 33951482d54d2d0b55f10863150039dd5a4b1ec7 Mon Sep 17 00:00:00 2001 From: liyasthomas Date: Wed, 1 Sep 2021 17:33:54 +0530 Subject: [PATCH] feat: placeholder, auto-close brackets, search, line wrap --- components/smart/CodeMirror.vue | 2 ++ helpers/editor/codemirror.ts | 8 ++++++++ 2 files changed, 10 insertions(+) diff --git a/components/smart/CodeMirror.vue b/components/smart/CodeMirror.vue index 3cf602030..7298927ee 100644 --- a/components/smart/CodeMirror.vue +++ b/components/smart/CodeMirror.vue @@ -39,6 +39,8 @@ const editor = ref(null) useCodemirror(editor, value, { extendedEditorConfig: { mode: props.mode, + placeholder: props.placeholder, + lineWrapping: props.wrap, }, linter: props.linter, }) diff --git a/helpers/editor/codemirror.ts b/helpers/editor/codemirror.ts index 49969267f..c9bc7e1df 100644 --- a/helpers/editor/codemirror.ts +++ b/helpers/editor/codemirror.ts @@ -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"], }