add: code folding

This commit is contained in:
hyb1996
2017-09-28 14:26:36 +08:00
parent 0fa8c110fc
commit bcbbfd1ec6
3 changed files with 13 additions and 8 deletions

View File

@@ -2,11 +2,11 @@
color: blue;
text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
font-family: arial;
line-height: .3;
line-height: .7;
cursor: pointer;
}
.CodeMirror-foldgutter {
width: .7em;
width: 1em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {

View File

@@ -19,6 +19,15 @@
<script type="text/javascript" src="codemirror/addon/edit/matchbrackets.js"></script>
<script type="text/javascript" src="codemirror/addon/display/fullscreen.js"></script>
<!--代码折叠-->
<link rel="stylesheet" href="codemirror/addon/fold/foldgutter.css"/>
<script src="codemirror/addon/fold/foldcode.js"></script>
<script src="codemirror/addon/fold/foldgutter.js"></script>
<script src="codemirror/addon/fold/brace-fold.js"></script>
<script src="codemirror/addon/fold/xml-fold.js"></script>
<script src="codemirror/addon/fold/indent-fold.js"></script>
<script src="codemirror/addon/fold/comment-fold.js"></script>
<!-- 代码补全 -->
<link rel="stylesheet" href="codemirror/addon/hint/show-hint.css">
<script src="codemirror/addon/hint/javascript-hint.js"></script>
@@ -38,6 +47,8 @@
lineNumbers: true, // 显示行数
indentUnit: 4, // 缩进单位为4
styleActiveLine: true, // 当前行背景高亮
foldGutter: true,
gutters:["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
matchBrackets: true, // 括号匹配
mode: 'javascript', // HMTL混合模式
lineWrapping: false, // 自动换行