Foldcode not working for me. And not even getting foldgutter. Any help?

[TechRaY]

Here is my codebase ...

import 'codemirror/addon/hint/show-hint'; import 'codemirror/addon/hint/sql-hint'; import 'codemirror/addon/hint/show-hint.css'; // without this css hints won't show import 'codemirror/addon/search/match-highlighter'; import 'codemirror/addon/search/matchesonscrollbar'; import 'codemirror/addon/search/searchcursor'; 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/indent-fold'; import 'codemirror/addon/fold/markdown-fold'; import 'codemirror/addon/fold/comment-fold'; import 'codemirror/addon/fold/foldgutter.css';

<CodeMirror ref="editor" autoFocus={true} options={{ mode: ['text/dsl','javascript'], lineNumbers: true, foldGutter : true, gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"], extraKeys: {"Ctrl-Space": this.autoComplete, "Ctrl-Q": function(cm){console.log("HEREEE"); cm.foldCode(cm.getCursor()); }}, highlightSelectionMatches: {showToken: /\w/, annotateScrollbar: true} }} />

[scniro]

@TechRaY check out react-codemirror2

[TechRaY]

It is not working with text/dsl mode only. I am getting it when I am using JavaScript mode

[annymosse]

@TechRaY same to your case even i couldn't use it with any custom Mode