小编Jac*_*ack的帖子

CodeMirror FoldCode 方法不起作用

我正在尝试编写一个在线编辑器,目前正在尝试实现代码折叠。在 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 中被贬值了?

html javascript ide codemirror web

1
推荐指数
1
解决办法
3134
查看次数

标签 统计

codemirror ×1

html ×1

ide ×1

javascript ×1

web ×1