文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在codemirror上显示JSON？

问如何在codemirror上显示JSON？
EN

Stack Overflow用户

提问于 2020-06-04 08:09:02

回答 1查看 2.9K关注 0票数 3

目前我正在使用ngx-codemirror -一个角包装在codemirror上。

在我的应用里

html作为显示

<ngx-codemirror [(ngModel)]="data" [autoFocus]=true [options]="{lineNumbers: true,theme: 'material',mode: 'markdown'}"></ngx-codemirror>

T作为表演

data='';
   json = {
        "title": "Type",
        "description": "A type of product",
        "type": "object"
  };

constructor(){
      this.data = JSON.stringify(this.json);
}

它在一行中正确地显示了json文本，但是我想用json格式而不是单行中的字符串来显示它。

我该怎么做？

angular

codemirror

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-04 08:29:50

可以在space方法中作为JSON.stringify()参数发送空空格字符。尝试以下几点

控制器

data = '';
json = {
  "title": "Type",
  "description": "A type of product",
  "type": "object"
};

ngOnInit() {
  this.data = JSON.stringify(this.json, null, ' ');    // <-- string literal ' ' as `space` argument  
}

还可以通过发送数字来修改缩进空间。就像。JSON.stringify(this.json, null, 4)表示4个空格的缩进。

模板

<ngx-codemirror #codemirror
  [options]="codeMirrorOptions"
  [(ngModel)]="data"
  (ngModelChange)="setEditorContent($event)">
</ngx-codemirror>

工作示例：斯塔克布利茨

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62189788

复制

相似问题

问如何在codemirror上显示JSON？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在codemirror上显示JSON？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在codemirror上显示JSON？
EN