¿Cómo formatear JSON en Notepad ++?

948

Necesito Notepad ++ para tomar una cadena json de esto

{"menu": {"id": "file","value": "File","popup": {"menuitem": [{"value": "New", "onclick": "CreateNewDoc()"},{"value": "Open", "onclick": "OpenDoc()"},{"value": "Close", "onclick": "CloseDoc()"}]}}}

a esto...

{"menu": {
  "id": "file",
  "value": "File",
  "popup": {
    "menuitem": [
      {"value": "New", "onclick": "CreateNewDoc()"},
      {"value": "Open", "onclick": "OpenDoc()"},
      {"value": "Close", "onclick": "CloseDoc()"}
    ]
  }
}}

Miré a mi alrededor todas las opciones de TextFX pero no pude encontrar nada que funcionara.

Donny V.
fuente

Respuestas:

1307

Actualizar:

A partir de Notepad ++ v7.6, use Plugin Admin para instalar JSTool según esta respuesta

INSTALAR EN PC

Descárguelo de http://sourceforge.net/projects/jsminnpp/ y copie JSMinNpp.dll al directorio de plugins de Notepad ++. O simplemente puede instalar "JSTool" desde el Administrador de complementos en Notepad ++.

Nueva instalación de Notepad ++ y ¿a dónde se fue PluginManager? Consulte Cómo ver el Administrador de complementos en Notepad ++

{
  "menu" : {
    "id" : "file",
    "value" : "File",
    "popup" : {
      "menuitem" : [{
      "value" : "New",
          "onclick" : "CreateNewDoc()"
        }, {
          "value" : "Open",
          "onclick" : "OpenDoc()"
        }, {
          "value" : "Close",
          "onclick" : "CloseDoc()"
        }
      ]
    }
  }
}

ingrese la descripción de la imagen aquí Consejo: Seleccione el código que desea formatear, luego Complementos | JSTool | JSFormat.

Dan H
fuente
112
Parece estar en la lista como JSTool ahora
Mike Henry
55
Gracias. Lo comprobé. Terminé usando JSONViewer ya que permite formatear los datos JSON y no solo verlos en formato de árbol anidado.
smile.al.d.way
11
JSTool también puede formatear los datos JSON. Simplemente presione Ctrl-Alt-M. Intenté algunos complementos ahora y creo que este es el mejor.
prograde el
13
Esto se puede instalar directamente desde el "Administrador de complementos" incorporado en Notepad ++. Vaya a "Complementos> Administrador de complementos> Mostrar administrador de complementos> pestaña Disponible"
Dib
3
Una versión de 64 bits se puede descargar directamente desde aquí: notepad-plus-plus.org/community/topic/13064/…
brentlightsey
72

Para Notepad ++ v.7.6 y superior, el Administrador de complementos ... está disponible.

  1. Abra Menú Complementos> Administrador de complementos ...

  2. Buscar JSON Viewer

  3. Compruebe JSON Viewer en la lista

  4. Haga clic en el botón Instalar

  5. Reiniciar Notepad ++

  6. Seleccionar texto JSON

  7. Vaya a Complementos> Visor JSON> Formatear JSON ( Ctrl+ Alt+ Shift+ M)

Podemos instalar cualquier complemento compatible con Notepad ++ usando Plugins Admin ...

Hardik Leuwa
fuente
3
Esta es una técnica muy simple. Gracias. Solo quiero agregar para formatear después de instalar el complemento que se necesita 1) Seleccionar objetos JSON 2) Ir a complementos ** 3) ** Acordeón JSON Viewer 4) Por último, formatear JSON . O simplemente presione Cntrl + Shift + Alt + M
Yashwin Munsadwala
3
complementos> Complementos admin ya no funciona en la versión actual.
Michael Tuchman el
@Michael Tuchman, ¿puedo saber en qué versión Plugins> Plugins Admin ... no funciona?
Hardik Leuwa
Tengo complementos de prueba> Administrador de complementos ... por JSON Viewer en la última versión Notepad ++ v7.8 y funciona correctamente
Hardik Leuwa
@Hardik Leuwa: 7.6.6 (64 bit)
Michael Tuchman el
56

Personalmente uso JSON Viewer ya que el complemento Notepad ++ ya no funciona.

EDITAR - 24 de mayo de 2012

Le aconsejo que descargue el complemento JSMin para el Bloc de notas como se menciona en la respuesta . Esto funciona bien para mí en la última versión (v6.1.2 al momento de escribir).

EDITAR - 7 de noviembre de 2017

Según el comentario de @ danday74 a continuación, JSMin ahora es JSToolNpp . Además, tenga en cuenta que la herramienta JSON Viewer está en Codeplex, que probablemente desaparecerá en un futuro próximo.

Teniendo en cuenta lo anterior, esta respuesta ya no es relevante y debe usar la respuesta de Dan H vez . Mi respuesta es simplemente aquí para la posteridad.

Dan Atkinson
fuente
1
Funciona cuando lo hago Plugins -> JSMin -> JSMin (New File) y luegoJSFormat
aliopi
1
@ danday74 Gracias! He modificado la respuesta en consecuencia.
Dan Atkinson el
1
JSON Viewer funciona bien en np ++ versión 7.5.1, disponible en el administrador de complementos.
Andrew Cowenhoven
2
@DanAtkinson Gracias por mantener su respuesta actualizada. Aprecio saber que las respuestas a viejas preguntas no se han vuelto obsoletas. :)
Adam Porad
1
sigue trabajando en NotePad ++ v7.8.2 Json viewer v1.34.0.0
Harry
39

El complemento Universal Indent GUI para Notepad ++ convertirá su muestra en:

{
    "menu" : {
        "id" : "file", "value" : "File", "popup" : {
            "menuitem" : [ {
                "value" : "New", "onclick" : "CreateNewDoc()";
            }
            , {
                "value" : "Open", "onclick" : "OpenDoc()";
            }
            , {
                "value" : "Close", "onclick" : "CloseDoc()";
            }
            ];
        }
    }
}
JRL
fuente
desafortunadamente, esto no funciona con la versión Unicode más reciente de Notepad ++ 5.5
Anthony Shaw
10

Necesitas un complemento para formatear JSON. Para instalar el complemento, sigue el paso

  1. Abra notepad ++ -> ALT + P -> Administrador de complementos -> Selcet JSON Viewer -> Haga clic en Instalar
  2. Reiniciar el bloc de notas ++
  3. Ahora puede usar el acceso directo para formatear json como CTRL + ALT + MAYÚS + M o ALT + P -> Administrador de complementos -> Visor JSON -> Formatear JSON

ingrese la descripción de la imagen aquí

DevMJ
fuente
1
¿De Verdad? imagen que principalmente vacía? : - /
Betlista
Imagen no cargada correctamente
Mbotet
6

No es una solución NPP, pero en un apuro, puede usar este formateador JSON en línea y luego simplemente pegar el texto formateado en NPP y luego seleccionar Javascript como idioma.

Casa del Molino
fuente
1
@ Brent.Longborough ¡Gracias por ese pequeño consejo! El resaltado JS tiene un fondo gris extraño, el resaltado de Python es mucho más fácil para los ojos.
galaktor
Los formateadores json en línea son buenos, pero a veces no quiere arriesgarse a enviar los datos que está formateando a través de Internet.
CM
4

simplemente vaya a este enlace, descargue el dll, copie y pegue el dll en la carpeta de complementos en notepad ++, \Notepad++\plugins reinicie el notepad ++, y debería aparecer en la lista

jsformatter

NOTA: este dll es compatible con notepade de 64 bits ++

ibr
fuente
2

Si formatear JSON es el objetivo principal y tiene VisualStudio, entonces es simple y fácil.

  1. Abra Visual Studio
  2. Archivo -> Nuevo -> Archivo
  3. Seleccione Web en el panel lateral izquierdo
  4. Seleccione JSON
  5. Copie y pegue su valor JSON sin procesar
  6. Presione Ctrl + K y Ctrl + D

Eso es. Obtendrá el valor JSON formateado.

Usuario0106
fuente
55
La pregunta es sobre Notepad ++
Toto
Estaba buscando en la herramienta valores de formato JSON y encontré este enlace. Más tarde encontré los pasos de Visual Studio. Puede ser útil para alguien que busca formatear valores JSON.
Usuario0106
Por lo general, recurro a usar esto ya que mi entorno de desarrollador se restablece desde el contrato hasta el contacto. Simplemente lo pego en cualquier .json, selecciono todo, copie y luego deshago.
CM
1

Me funcionó en la última edición del Bloc de notas con UniversalIndentGui.

Lo que hice fue en la configuración del complemento elegir Activar actualización automática de texto, apareció una ventana emergente y seleccioné javascript.

Richard Lloyd
fuente
1

Notepad 5.8.7 y jsmin 1.7.0.0 funciona de maravilla aquí.

Sin embargo, tenga cuidado, descubrió que jsmin se come los comentarios de la manera difícil (debería haber leído primero).

DevBezz
fuente
1

Estoy usando el complemento JSON Viewer con NPP 5.9 y parece funcionar bien.

Punta de piedra
fuente
1

Sé que este hilo es antiguo, pero recientemente me encontré con un problema con JSToolNPP que no es compatible con mi N ++ recién actualizado, encontré un reemplazo que parece funcionar. http://sourceforge.net/projects/nppjsonviewer/

Uso bajo su propio riesgo, ofc. (descargo de responsabilidad estándar de mi parte al vincular cualquier cosa fuera del SExchange, fyi)

Josh
fuente
1

Si no desea instalar un complemento Notepad ++ pero tiene Firefox y un complemento JSON para Firefox, puede seleccionar Run -> Launch in Firefox. Obtiene el contenido formateado como JSON utilizando su complemento de Firefox.

Esto es lo que personalmente hago.

Esko Piirainen
fuente
1

Puede ver en Notepad ++ no hay problema ahora (¿tal vez las versiones anteriores tenían errores?)

para win64: puede encontrar el complemento más reciente aquí: https://github.com/kapilratnani/JSON-Viewer/releases . El último archivo zip contiene un archivo .dll.

Y luego siga las instrucciones README de github priject:

  1. Pegue el archivo "NPPJSONViewer.dll" en la carpeta del complemento Notepad ++
  2. abrir un documento que contiene una cadena JSON
  3. Seleccione el fragmento JSON y navegue a complementos / JSON Viewer / muestre JSON Viewer o presione "Ctrl + Alt + Shift + J"
  4. Voila !! si el JSON es válido, se mostrará en una vista de árbol

Debería ser el mismo proceso para win32 pero no puedo verificarlo personalmente.

olliaroa
fuente
-2

Puede usar http://www.jsonlint.com/ para editar su jsonlínea si no tiene Notepad ++.

Ahmed Magdy
fuente
2
Directamente desde N ++? (-1)
Kenneth K.
Votado este enlace fue útil después de que el complemento no fue aceptado debido a su versión de 32 bits.
CodeToLife
Votado Proporciona una solución correcta aunque no a través del bloc de notas.
Mbotet
-8

Sé que preguntaste por NotePad ++ pero TextMate para OS X puede hacerlo a través del paquete JSON, se llama el comando "Reformatear documento".

Cody Caughlan
fuente
-9

Su mejor opción es usar una de las últimas versiones de Eclipse (estoy usando Eclipse Galileo J2EE y Eclipse Ganymede J2EE). Cree un archivo JavaScript, luego cree una variable:

var jsonObject = {"menu": {"id": "file","value": "File","popup": {"menuitem": [{"value": "New", "onclick": "CreateNewDoc()"},{"value": "Open", "onclick": "OpenDoc()"},{"value": "Close", "onclick": "CloseDoc()"}]}}};

Por último, presione CTRL+ SHIFT+ Fy listo! Tienes un objeto JSON muy bien sangrado. Yo también estoy buscando un formateador JSON Notepad ++, y es muy posible que me vea obligado a desarrollar un complemento Npp en el futuro.

Brett McLaughlin
fuente
1
Si tiene Visual Studio, simplemente pegue el texto json en un nuevo archivo y se formateará automáticamente.
Sergey OCHKIN
Yo también estoy buscando un formateador JSON Notepad ++. Si tiene la misma pregunta, no agregue una respuesta como esta y mantenga SO limpio;).
shA.t