add code folding support

notdaniel · Aug 19, 2017 · 5991ae2 · 5991ae2
1 parent 1eb732d
commit 5991ae2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/utils/create-editor.js b/src/utils/create-editor.js
@@ -10,6 +10,12 @@ import 'codemirror/addon/edit/matchbrackets'
 import 'codemirror/addon/edit/closebrackets'
 import 'codemirror/addon/edit/closetag'
 import 'codemirror/addon/comment/comment'
+import 'codemirror/addon/fold/foldcode'
+import 'codemirror/addon/fold/foldgutter'
+import 'codemirror/addon/fold/brace-fold'
+import 'codemirror/addon/fold/xml-fold'
+import 'codemirror/addon/fold/markdown-fold'
+import 'codemirror/addon/fold/comment-fold'
 
 const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault
 
@@ -20,6 +26,8 @@ export default function (el, opts = {}) {
     styleActiveLine: true,
     matchTags: { bothTags: true },
     matchBrackets: true,
+    foldGutter: true,
+    gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
     ...opts
   })
 

diff --git a/src/views/EditorPage.vue b/src/views/EditorPage.vue
@@ -152,6 +152,7 @@
 </script>
 
 <style src="codemirror/lib/codemirror.css"></style>
+<style src="codemirror/addon/fold/foldgutter.css"></style>
 
 <style lang="stylus" scoped>
 .pans