CodeMirror如何顯示對象結構的'javascript對象'字符串

Question

我開始使用code mirror，我想顯示一個對象結構的對象。

我有一個文件與此內容

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

這是寫在文本文件一行。

現在我想使用代碼鏡像，以便用戶可以編輯此文件內容。 我得到使用HTTP調用該文件的內容之後，我有這樣的代碼

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

這工作得很好，我得到了一個線上的內容，但是代碼鏡顯示它。

如何強制代碼鏡像像

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

Answer 1

的關鍵是這裏JSON.stringify(response.data, null, "\t")現在有JSON格式

Answer 2

之前的字符串設置成codemirror的編輯對象結構顯示此值，請確保您美化你的首選格式。

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

您也可以使用這裏的美化 http://jsbeautifier.org/