小编end*_*ama的帖子

Ace-Editor JSON自动格式/缩进

我刚开始使用Ace Editor.根据文档 "编辑器支持纯文本模式.所有其他语言模式都可以作为单独的模块使用,按需加载......"这就是JavaScript模式的设置方式,editor.getSession().setMode("ace/mode/javascript");这仅适用于突出显示语法.

就我而言,我正在使用JSON - editor.getSession().setMode("ace/mode/json")

我想要实现的是

  • 显示格式良好的JSON响应

问题是

  • Ace Editor似乎无法处理JS对象,或者editor.setValue()它上面的JSON 必须转换为字符串

  • 如何在放置的字符串上设置自动格式/缩进 <div id="editor"></div>

HTML:

<div id="editor"></div>

SCRIPT: jsonDoc来自服务器的数据

$scope.getData = function (jsonDoc) {
  var editor = ace.edit("editor");
  editor.getSession().setMode("ace/mode/json");
  editor.setTheme("ace/theme/twilight");
  editor.getSession().setTabSize(2);
  editor.getSession().setUseWrapMode(true);
  editor.setValue(JSON.stringify(jsonDoc));
};
Run Code Online (Sandbox Code Playgroud)

html javascript json ace-editor

11
推荐指数
1
解决办法
2万
查看次数

标签 统计

ace-editor ×1

html ×1

javascript ×1

json ×1