2017-05-31 3 views
0

私はcode mirrorを使い始めます。オブジェクト構造を持つオブジェクトを表示したいと思います。CodeMirrorでオブジェクト構造を持つ 'javascript object'文字列を表示するには

私はこれは.txtファイルに1行で記述されている。このコンテンツ

{ 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), 
     }); 

これは正常に動作します、私はコンテンツを取得しますが、コードのミラーは、1行に表示します。

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

答えて

0

鍵はここにJSON.stringify(response.data, null, "\t")た今codemirrorのエディタに文字列を設定する前にJSON形式

0

を持っているようなオブジェクト構造のように、この値を表示するには、コードミラーを強制することができますどのように、あなたは美化することを確認してくださいあなたの好みのフォーマットのためのあなた。

例えば、 https://github.com/beautify-web/js-beautify

また、あなたはここビューティ http://jsbeautifier.org/

を使用することができます
関連する問題