Javascript ngx codemirror-无法在XML消息中使用折叠边沟

我有一个Angular应用程序，我正在使用

ngx codemirror

在我各自的应用程序中构建一个codemirror。在ngx codemirror中有一个名为

foldgutter

的选项，我已经实现了

应用程序组件.ts

  public codeMirrorOptions: any = {
    theme: 'material',
    lineNumbers: true,
    lineWrapping: true,
    foldGutter: true,
    gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter", "CodeMirror-lint-markers"],
    autoCloseBrackets: true,
    matchBrackets: true
  };

app.component.html

  <ngx-codemirror [(ngModel)]="selectedMessageBody"
                                        [options]="codeMirrorOptions">
                        </ngx-codemirror>

通过设置相应的值，如果消息是JSON，我可以使用fold-gotter，但是如果消息是XML，则folder-gotter选项不可见

我不确定我错过了什么

STACKBLITZ演示=>

---

还有其他解决此问题的软件包吗？

您没有导入以下两个

import 'codemirror/mode/xml/xml';
import 'codemirror/addon/fold/xml-fold';

此外，您还需要在

codeMirrorOptions

下设置

模式：xml

。通常人们的错误是使用

application/xml

，我的朋友也是这样：）

---

快乐编码

您错过了导入以下两个

import 'codemirror/mode/xml/xml';
import 'codemirror/addon/fold/xml-fold';

此外，您还需要在

codeMirrorOptions

下设置

模式：xml

。通常人们的错误是使用

application/xml

，我的朋友也是这样：）

---

快乐编码

您需要在模块中添加

import 'codemirror/mode/xml/xml';
import 'codemirror/addon/fold/xml-fold';

并将app.component选项更改为

<ngx-codemirror #codemirrorr
   [options]="{
    lineNumbers: true,
    theme: 'idea',
    mode: 'application/xml',
     gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'],
    foldGutter: true,
     autoCloseBrackets: true,
    matchBrackets: true,
    lineWrapping: true,
    lint: true
  }"
  [(ngModel)]="xmlString"
  (ngModelChange)="setEditorContent($event)">
</ngx-codemirror>

---

您需要在模块中添加

import 'codemirror/mode/xml/xml';
import 'codemirror/addon/fold/xml-fold';

并将app.component选项更改为

<ngx-codemirror #codemirrorr
   [options]="{
    lineNumbers: true,
    theme: 'idea',
    mode: 'application/xml',
     gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter', 'CodeMirror-lint-markers'],
    foldGutter: true,
     autoCloseBrackets: true,
    matchBrackets: true,
    lineWrapping: true,
    lint: true
  }"
  [(ngModel)]="xmlString"
  (ngModelChange)="setEditorContent($event)">
</ngx-codemirror>

---

你想要实现什么？@Sajeetharan我可以在JSON消息中使用折叠边沟，但它没有显示在XML消息中你想要实现什么？@Sajeetharan我可以在JSON消息中使用折叠边沟，但它没有显示在XML消息中我想你很快，我正试图创建一个演示same@Sajeetharan这纯粹是运气：我觉得你很快，我正试着为same@Sajeetharan这纯粹是运气：感谢萨吉塔兰的回答嗨，伙计们，这种代码折叠对小黄瓜模式有效吗？谢谢你们的回答（萨吉塔兰）嗨，伙计们，这种代码折叠对小黄瓜模式有效吗？