CodeMirror如何显示一个＆＃39; javascript对象＆＃39;对象结构的字符串

Question

我开始使用code mirror，我想显示一个具有对象结构的对象。

我有一个包含此内容的文件

     GTLRDriveQuery_FilesList *query = [GTLRDriveQuery_FilesList query];
     query.q = @"mimeType = 'application/zip'";
     query.q = @"mimeType = 'image/png'";

这是在.txt文件中的一行中写的。

现在我想使用代码镜像，以便用户可以编辑此文件内容。 我使用HTTP调用获取文件内容，之后我有了这段代码

{ property1: 'value', property2: { property3: 'value' }}

这很好用，我得到了内容，但是代码镜像将它显示在一行中。

如何强制Code Mirror像

这样的对象结构显示此值

        var editor = CodeMirror(document.getElementById('reportEditor'), {
            mode: { name: "javascript", json: true },
            theme: "default",
            lineNumbers: true,
            readOnly: false,
            value: JSON.stringify(response.data),
        });

Answer 1

密钥在这里JSON.stringify(response.data, null, "\t")现在有JSON格式

Answer 2

在将字符串设置为codemirror的编辑器之前，请确保按照首选格式美化它。

例如。 https://github.com/beautify-web/js-beautify

你也可以在这里使用美化器 http://jsbeautifier.org/

Answer 3

var editor = CodeMirror（document.getElementById（'reportEditor'），{ 模式：{名称：“ javascript”，json：true}， 主题：“默认”， lineNumbers：正确， readOnly：否， 值：JSON.stringify（response.data，null，2）， }）;

这对我有用，将JSON更改为字符串时，将replacer设置为null并将缩进设置为2。