JSON をオンラインで編集する方法
- JSON を貼り付けるか、ファイルを開くか、サンプルから始めます。ツリーはテキストから自動で作成されます。
- ツリーの値やキーをダブルクリックして編集し、Enter で確定します。ノードを選択すると、子要素の追加、複製、削除、型の変更ができます。
- ツリーでの変更はすべてテキストに反映され、元に戻すで 1 つ前の状態に戻せます。編集が終わったら、結果をコピーまたはダウンロードします。
ツリーでの編集
- 値:文字列を編集した場合は文字列のままです。それ以外の値は、入力内容が JSON として解釈されます。
42は数値、trueは真偽値、nullは null になり、それ以外は文字列になります。 - キー:キーをダブルクリックすると名前を変更できます。プロパティの位置は変わりません。
- 追加:オブジェクトでは
"newKey": nullを追加し、配列では末尾にnullを追加し、単一の値ではその後ろに新しい要素を挿入します。 - 型:文字列、数値、真偽値、null、オブジェクト、配列の間で変換します。たとえば
"42"→42、値 →[value]のように変換できます。 - キーボード:矢印キーでツリー内を移動し、Enter または F2 で選択中の値を編集、Delete でノードを削除します。
テキストとツリーは常に同期
テキストペインでの変更は、JSON が有効になった時点でツリーに反映されます。無効な間はエラーボックスに問題が表示され、ツリーは最後に有効だった状態を保ちます。ツリーでの変更は、キーの順序と数値の桁を正確に保ったまま、2 スペースのインデントでテキストに書き戻されます。「元に戻す」は直近 100 回分のツリーの変更を記憶します。
よくある質問
エディタでキーの順序や数値が変わることはありますか?
いいえ。キーは元の順序のまま、数値は正確な桁のまま保持されます。通常の JavaScript では丸められてしまう 64 ビットの ID も同様です。
新しいプロパティを追加するには?
ツリーでオブジェクトを選択し、「追加」をクリックします。値が null の newKey というプロパティが追加されるので、ダブルクリックして名前と値を設定します。
どのくらいのファイルサイズまで快適に使えますか?
エディタは数 MB までのドキュメントを想定しています。さらに大きなファイルを閲覧するには、展開した部分だけを描画する JSON ビューアを使ってください。
編集内容はどこかに保存されますか?
何も保存・アップロードされません。変更を残すには、テキストをコピーするか「ダウンロード」をクリックしてください。