Javascript 在CodeMirror中折叠yaml

有人知道如何为CodeMirror编辑器添加折叠yaml文件吗？我们将这个编辑器添加到我们的应用程序中，它与json完美结合。但当编辑器模式切换到yaml时，文件显示良好，但内部元素没有折叠。 所以它看起来像：

以及它在Ace编辑器中的外观

导入所有内容（我怀疑您错过了foldgutter.css-这就是我提出这个问题的原因）：

---

对我有用。

没有弄清楚如何在CodeMirror中创建它，所以使用了Ace编辑器。我在使用5.31.0时也遇到了同样的问题，更新到最新版本（5.59.1），它可以正常工作。

<link  href="../lib/codemirror.css" rel="stylesheet" />
<script src="../lib/codemirror.js"></script>
<script src="../mode/yaml/yaml.js"></script>
<link  href="../addon/fold/foldgutter.css" rel="stylesheet" />
<script src="../addon/fold/foldcode.js"></script>
<script src="../addon/fold/foldgutter.js"></script>
<script src="../addon/fold/indent-fold.js"></script>

window.cm = CodeMirror.fromTextArea(textarea, {
    mode: 'yaml',
    styleActiveLine: true,
    lineNumbers: true,
    foldGutter: true,
    gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
});