我正在尝试编写一个在线编辑器,目前正在尝试实现代码折叠。在 CodeMirror 网站上,他们做了一个演示,该演示使用来自foldcode.js插件的foldCode命令。
这是我的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Code Mirror Test</title>
<script type="text/javascript" src="codemirror-5.4/lib/codemirror.js"></script>
<link rel="stylesheet" href="codemirror-5.4/lib/codemirror.css">
<link rel="stylesheet" href="codemirror-5.4/theme/neat.css">
<script type="text/javascript" src="codemirror-5.4/mode/javascript/javascript.js"></script>
<link rel="stylesheet" href="src/Main.css">
<script type="type/javascript" src="codemirror-5.4/addon/fold/foldcode.js"></script>
<script type="type/javascript" src="codemirror-5.4/addon/fold/foldgutter.js"></script>
<link rel="stylesheet" href="codemirror-5.4/addon/fold/foldgutter.css">
</head>
<body>
<script>
window.onload = function() {
var editor = CodeMirror(document.body, {
mode: "javascript",
lineNumbers: true,
theme: "neat",
extraKeys: {"Ctrl-Q": function(cm) { cm.foldCode(cm.getCursor()); }},
foldgutter: true,
gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
});
}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
IntelliJ 告诉我,foldCode 是一个未解决的方法。我想知道我是否导入了错误的脚本或者可能是 FoldCode 在最新版本的 CodeMirror 中被贬值了?