วิธีฟอร์แมต JSON ใน Notepad ++ ได้อย่างไร


948

ฉันต้องการ Notepad ++ เพื่อใช้สตริง json จากนี้

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

สำหรับสิ่งนี้...

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

ฉันมองไปที่ตัวเลือก TextFX ทั้งหมด แต่ไม่พบสิ่งใดที่ทำงานได้

คำตอบ:


1307

ปรับปรุง:

ในฐานะของ Notepad ++ v7.6 ใช้Plugin Adminเพื่อติดตั้ง JSTool ตามคำตอบนี้

ติดตั้ง

ดาวน์โหลดจากhttp://sourceforge.net/projects/jsminnpp/และคัดลอก JSMinNpp.dll ไปยังไดเรกทอรีปลั๊กอินของ Notepad ++ หรือคุณสามารถติดตั้ง "JSTool" จากตัวจัดการปลั๊กอินใน Notepad ++

ติดตั้ง Notepad ++ ใหม่และ PluginManager หายไปไหน ดูวิธีดูตัวจัดการปลั๊กอินใน Notepad ++

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

ป้อนคำอธิบายรูปภาพที่นี่ เคล็ดลับ: เลือกรหัสที่คุณต้องการฟอร์แมตจากนั้นเลือกปลั๊กอิน | JSTool | JSFormat


112
ดูเหมือนว่าจะถูกระบุว่าเป็น JSTool ตอนนี้
Mike Henry

5
ขอบคุณ ฉันตรวจสอบแล้ว ฉันลงเอยด้วยการใช้ JSONViewer เพราะมันช่วยให้ฟอร์แมตข้อมูล JSON ไม่ใช่แค่ดูในรูปแบบแผนผังแบบซ้อน
smile.al.d.way

11
JSTool ยังสามารถจัดรูปแบบข้อมูล JSON เพียงกด Ctrl-Alt-M ฉันลองปลั๊กอินไม่กี่ตอนนี้และฉันพบว่านี่เป็นปลั๊กอินที่ดีที่สุด
prograde

13
สามารถติดตั้งได้โดยตรงจากตัวจัดการปลั๊กอินใน Notepad ++ ไปที่ "โปรแกรมเสริม> โปรแกรมจัดการปลั๊กอิน> แสดงโปรแกรมจัดการปลั๊กอิน> แท็บที่มีอยู่"
Dib

3
สามารถดาวน์โหลดเวอร์ชัน 64 บิตได้โดยตรงจากที่นี่: notepad-plus-plus.org/community/topic/13064/…
brentlightsey

72

สำหรับ Notepad ++ v.7.6 และสูงกว่าปลั๊กอิน Admin ...พร้อมใช้งาน

  1. เปิดเมนูปลั๊กอิน> ปลั๊กอินผู้ดูแลระบบ ...

  2. ค้นหาโปรแกรมดู JSON

  3. ตรวจสอบ JSON Viewer ในรายการ

  4. คลิกที่ปุ่มติดตั้ง

  5. รีสตาร์ท Notepad ++

  6. เลือกข้อความ JSON

  7. ไปที่ปลั๊กอิน> โปรแกรมดู JSON> จัดรูปแบบ JSON ( Ctrl+ Alt+ Shift+ M)

เราสามารถติดตั้งปลั๊กอินที่สนับสนุน Notepad ++ โดยใช้ปลั๊กอินผู้ดูแลระบบ ...


3
นี่เป็นเทคนิคที่ง่ายมาก ขอบคุณ ผมแค่อยากจะเพิ่มเพื่อให้เป็นรูปแบบหลังจากติดตั้งปลั๊กอินหนึ่งความต้องการ 1) เลือกวัตถุ JSON 2) ไปที่ปลั๊กอิน ** 3) ** JSON Viewerหีบเพลง 4) สุดท้ายรูปแบบ JSON หรือ เพียงแค่กดCntrl + Shift + Alt + M
Yashwin Munsadwala

3
ปลั๊กอิน> ปลั๊กอินผู้ดูแลระบบไม่ทำงานในเวอร์ชันปัจจุบันอีกต่อไป
Michael Tuchman

@Michael Tuchman ฉันขอทราบว่าปลั๊กอินรุ่นใด> ปลั๊กอินผู้ดูแลระบบ ... ไม่ทำงานใช่ไหม
Hardik Leuwa

ฉันมีการทดสอบปลั๊กอิน> ปลั๊กอินผู้ดูแลระบบ ... โดย JSON Viewer ในเวอร์ชันล่าสุด Notepad ++ v7.8 และทำงานได้อย่างถูกต้อง
Hardik Leuwa

@Hardik Leuwa: 7.6.6 (64 บิต)
Michael Tuchman

56

ฉันใช้JSON Viewerเป็นการส่วนตัวเนื่องจากปลั๊กอิน Notepad ++ ไม่ทำงานอีกต่อไป

แก้ไข - 24 พฤษภาคม 2555

ผมแนะนำให้คุณดาวน์โหลดปลั๊กอินสำหรับ JSMin Notepad ตามที่กล่าวไว้ในคำตอบ สิ่งนี้ทำงานได้ดีสำหรับฉันในเวอร์ชันล่าสุด (v6.1.2 ณ เวลาที่เขียน)

แก้ไข - 7 พฤศจิกายน 2017

ตามความคิดเห็นของ @ danday74 ด้านล่าง JSMin คือตอนนี้JSToolNpp นอกจากนี้โปรดทราบว่าเครื่องมือตัวแสดง JSON นั้นอยู่บน Codeplex ซึ่งอาจจะหายไปในอนาคตอันใกล้

ป.ร. ให้ไว้ข้างต้นคำตอบนี้ไม่เกี่ยวข้องและคุณควรจะใช้คำตอบที่แดนเอชแทน คำตอบของฉันอยู่ที่นี่เพียงเพื่อลูกหลาน


1
มันทำงานได้เมื่อฉันทำPlugins -> JSMin -> JSMin (New File) แล้วJSFormat
aliopi

1
@ danday74 ขอบคุณ! ฉันแก้ไขคำตอบแล้ว
Dan Atkinson

1
JSON Viewer ทำงานได้ดีบน np ++ เวอร์ชัน 7.5.1 ซึ่งมีอยู่ในโปรแกรมจัดการปลั๊กอิน
Andrew Cowenhoven

2
@DanAtkinson ขอบคุณสำหรับการปรับปรุงคำตอบของคุณ ฉันซาบซึ้งที่รู้ว่าคำตอบสำหรับคำถามเก่า ๆ นั้นไม่ได้เหม็นอับ :)
Adam Porad

1
ยังทำงานกับ NotePad ++ v7.8.2 Json viewer v1.34.0.0
Harry

39

ปลั๊กอินUniversal Indent GUIสำหรับ Notepad ++ จะเปลี่ยนตัวอย่างของคุณเป็น:

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

ขออภัยนี่ไม่สามารถใช้งานได้กับ Notepad รุ่นล่าสุดรุ่น Unicode 5.5
Anthony Shaw

10

คุณต้องใช้ปลั๊กอินเพื่อจัดรูปแบบ JSON ในการติดตั้งปลั๊กอินให้ทำตามขั้นตอนต่อไปนี้

  1. เปิด notepad ++ -> ALT + P -> Plugin Manager -> Selcet JSON Viewer -> คลิกติดตั้ง
  2. เริ่ม notepad ++ ใหม่
  3. ตอนนี้คุณสามารถใช้ทางลัดเพื่อจัดรูปแบบ json เป็นCTRL + ALT + SHIFT + M หรือ ALT + P -> ตัวจัดการปลั๊กอิน -> ตัวดู JSON -> รูปแบบ JSON

ป้อนคำอธิบายรูปภาพที่นี่


1
จริงๆ? ภาพที่ว่างเปล่า? : - /
Betlista

อัพโหลดรูปภาพไม่ถูกต้อง
Mbotet

6

มันไม่ใช่วิธีการแก้ปัญหา NPP แต่เพียงเล็กน้อยคุณสามารถใช้ตัวจัดรูปแบบ JSONออนไลน์นี้จากนั้นเพียงวางข้อความที่จัดรูปแบบลงใน NPP จากนั้นเลือก Javascript เป็นภาษา


1
@ Brent.Longborough ขอบคุณสำหรับคำแนะนำเล็ก ๆ น้อย ๆ ! การเน้น JS มีพื้นหลังสีเทาแปลก ๆ การเน้นงูหลามนั้นง่ายกว่ามากในสายตา
galaktor

ตัวจัดรูปแบบ json ออนไลน์นั้นดี แต่บางครั้งคุณไม่ต้องการเสี่ยงที่จะส่งข้อมูลที่คุณกำลังฟอร์แมตผ่านอินเทอร์เน็ต
CM


4

เพียงไปที่ลิงค์นี้ ดาวน์โหลดสำเนา dll และวาง dll ไปยังโฟลเดอร์ปลั๊กอินที่ notepad ++, \Notepad++\plugins เริ่ม notepad ++ ใหม่และควรจะแสดงในรายการ

jsformatter

หมายเหตุ: dll นี้รองรับ 64 บิต notepade ++



2

หากการจัดรูปแบบ JSON เป็นเป้าหมายหลักและคุณมี VisualStudio ก็จะง่ายและสะดวก

  1. เปิด Visual Studio
  2. ไฟล์ -> ใหม่ -> ไฟล์
  3. เลือกเว็บในแผงด้านซ้าย
  4. เลือก JSON
  5. คัดลอกวางค่า JSON ดิบของคุณ
  6. กด Ctrl + K และ Ctrl + D

แค่นั้นแหละ. คุณจะได้รับการจัดรูปแบบค่า JSON


5
คำถามเกี่ยวกับ Notepad ++
Toto

ฉันกำลังค้นหาเครื่องมือสำหรับการจัดรูปแบบค่า JSON และพบลิงค์นี้ ต่อมาฉันพบขั้นตอนของ Visual Studio มันอาจมีประโยชน์สำหรับคนที่กำลังมองหาการจัดรูปแบบค่า JSON
0106

ฉันมักจะหันไปใช้สิ่งนี้เนื่องจากสภาพแวดล้อมนักพัฒนาของฉันถูกรีเซ็ตจากสัญญาเป็นผู้ติดต่อ ฉันเพิ่งวางลงใน. json ใดก็ได้เลือกทั้งหมดคัดลอกแล้วเลิกทำ
CM

1

มันทำงานสำหรับฉันในรุ่นล่าสุดเพื่อ Notepad โดยใช้ UniversalIndentGui

สิ่งที่ฉันทำอยู่ภายใต้การตั้งค่าปลั๊กอินเลือกเปิดใช้งานการปรับปรุงข้อความอัตโนมัติหน้าต่างโผล่ขึ้นมาและฉันเลือกจาวาสคริปต์


1

Notepad 5.8.7 และ jsmin 1.7.0.0 ใช้งานได้ดีที่นี่

ระวังตัวด้วย jsmin พบว่ากินความคิดเห็นอย่างหนัก (ควรอ่านก่อน)



1

ฉันรู้ว่าเธรดนี้เก่า แต่เมื่อเร็ว ๆ นี้ฉันพบปัญหากับ JSToolNPP ที่ไม่เข้ากันได้กับ N ++ ที่อัปเดตใหม่ของฉันฉันพบการแทนที่ที่ดูเหมือนจะใช้งานได้ http://sourceforge.net/projects/nppjsonviewer/

ใช้ความเสี่ยงของคุณเอง ofc (ข้อจำกัดความรับผิดชอบมาตรฐานจากฉันเมื่อเชื่อมโยงสิ่งใดนอก SExchange, fyi)


1

หากคุณไม่ต้องการติดตั้งปลั๊กอิน Notepad ++ แต่คุณมี Firefox และปลั๊กอิน JSON สำหรับ Firefox คุณสามารถเลือกได้ Run -> Launch in Firefoxได้ คุณได้รับเนื้อหาที่จัดรูปแบบเป็น JSON โดยใช้ปลั๊กอิน Firefox ของคุณ

นี่คือสิ่งที่ฉันทำ


1

คุณสามารถดูได้ใน Notepad ++ ไม่มีปัญหาตอนนี้ (อาจเป็นรุ่นที่เก่ากว่าหรือเปล่า)

สำหรับ win64: คุณสามารถค้นหาปลั๊กอินล่าสุดได้ที่นี่: https://github.com/kapilratnani/JSON-Viewer/releases https://github.com/kapilratnani/JSON-Viewer/releasesไฟล์ zip ล่าสุดมีไฟล์. dll

จากนั้นทำตามคำแนะนำ README GitHub PRADME:

  1. วางไฟล์ "NPPJSONViewer.dll" ไปยังโฟลเดอร์ปลั๊กอิน Notepad ++
  2. เปิดเอกสารที่มีสตริง JSON
  3. เลือกส่วนของ JSON และไปที่ปลั๊กอิน / ตัวแสดง JSON / แสดงตัวแสดง JSON หรือกด "Ctrl + Alt + Shift + J"
  4. Voila !! หาก JSON นั้นถูกต้องก็จะแสดงใน Treeview

มันควรจะเป็นกระบวนการเดียวกันสำหรับ win32 แต่ฉันไม่สามารถยืนยันได้เป็นการส่วนตัว


-2

คุณสามารถใช้http://www.jsonlint.com/เพื่อแก้ไขjsonออนไลน์ของคุณหากคุณไม่มี Notepad ++


2
โดยตรงจาก N ++ ไหม (-1)
Kenneth K.

upvoted ลิงค์นี้มีประโยชน์หลังจากที่ปลั๊กอินไม่ได้รับการยอมรับเนื่องจากเวอร์ชั่น 32 บิต
CodeToLife

upvoted มอบโซลูชันที่ถูกต้องแม้ว่าจะไม่ผ่านแผ่นจดบันทึก
Mbotet

-8

ฉันรู้ว่าคุณถามเกี่ยวกับ NotePad ++ แต่ TextMate สำหรับ OS X สามารถทำได้ผ่านทางชุดบันของ JSON ซึ่งเรียกว่าคำสั่ง "เอกสารฟอร์แมต"


-9

ทางออกที่ดีที่สุดของคุณคือการใช้ Eclipse เวอร์ชันล่าสุด (ฉันใช้ Eclipse Galileo J2EE และ Eclipse Ganymede J2EE) สร้างไฟล์ JavaScript จากนั้นสร้างตัวแปร:

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

สุดท้ายกดCTRL+ SHIFT+ Fและ voila! คุณมีวัตถุ JSON ที่เยื้องอย่างมาก ฉันก็เช่นกันกำลังมองหาฟอร์แมต Notepad ++ JSON และฉันก็อาจถูกบังคับให้พัฒนาปลั๊กอิน Npp ได้ในระยะเวลาอันสั้นในอนาคต


1
หากคุณมี Visual Studio เพียงแค่วางข้อความ json ลงในไฟล์ใหม่และมันจะถูกจัดรูปแบบโดยอัตโนมัติ
Sergey OCHKIN

ฉันเช่นกันฉันกำลังมองหาฟอร์แมต Notepad ++ JSONหากคุณมีคำถามเดียวกันโปรดอย่าเพิ่มคำตอบเช่นนี้และรักษาให้สะอาด;)
shA.t
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.