Trình soạn thảo JSON dựa trên GUI hoặc Web hoạt động như trình thám hiểm thuộc tính [đã đóng]

Bối cảnh: Đây là một yêu cầu cho một cái gì đó có thể chưa tồn tại, nhưng tôi đã có ý định xây dựng một cái trong một thời gian dài. Đầu tiên tôi sẽ hỏi nếu có ai đã nhìn thấy bất cứ điều gì như vậy chưa.

Giả sử bạn có một cấu trúc JSON tùy ý như sau:

{
    'title_str':'My Employee List'
    ,'lastmod_str': '2009-June-15'
    ,'employee_table':[
        {'firstname':'john','lastname':'doe','age':'33',}
        ,{'firstname':'jane','lastname':'doe','age':'34',}
        ,{'firstname':'samuel','lastname':'doe','age':'35',}
    ]
}

Câu hỏi: Có trình soạn thảo JSON dựa trên web nào có thể có cấu trúc như thế này và tự động cho phép người dùng sửa đổi điều này trong GUI thân thiện với người dùng không?

Ví dụ: Hãy tưởng tượng một biểu mẫu HTML được tạo tự động hiển thị 2 điều khiển văn bản loại đầu vào cho cả tiêu đề và Lastmod và một bảng điều khiển văn bản loại đầu vào với ba cột và ba hàng cho mảng_list ... với khả năng xóa hoặc thêm các hàng bổ sung bằng cách nhấp vào [+] [X] bên cạnh mỗi hàng trong bảng.

Ý tưởng lớn: "Ý tưởng lớn" đằng sau điều này là người dùng sẽ có thể chỉ định bất kỳ cấu trúc JSON tùy ý (không đệ quy) nào và sau đó cũng có thể chỉnh sửa cấu trúc với tương tác dựa trên GUI (điều này sẽ tương tự như "Chế độ xem lưới của trình soạn thảo XML" trong XML Spy).

Xem thêm:

• Có CMS dựa trên api JSON được lưu trữ cục bộ không?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Cập nhật: (Thu 2014-07-31 18:31:11)

Một kho lưu trữ github đã được tạo để theo dõi thêm bài SO đã đóng này.

• https://github.com/dreftymac/stackoverflow.questions.998832

Cập nhật: Trong nỗ lực trả lời câu hỏi của riêng tôi, đây là những gì tôi có thể khám phá cho đến nay. Nếu bất cứ ai khác ngoài đó có một cái gì đó, tôi vẫn sẽ quan tâm để tìm hiểu thêm.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knoutjs.com tốt đẹp
• http://jsonviewer.arianv.com/ ;; Dễ thương tối thiểu mà hoạt động ngoại tuyến
• http://www.alkemis.com/jsonEditor.htmlm ; cái này trông khá đẹp
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Trình soạn thảo phác thảo, không thực sự là JSON
• http://json.bubblemix.net/ Hình dung JSON structute, chỉnh sửa nội tuyến và xuất khẩu trở lại để tô đẹp thêm JSON.
• http://jsoneditoronline.org/ Ví dụ được thêm bởi người tham gia chủ đề StackOverflow. Nguồn: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , được xây dựng như một chỉ thị Angular

Dựa trên lược đồ JSON

• https://github.com/jdorn/json-editor
• https://github.com/mozilla-service/react-jsonschema-form
• https://github.com/json-schema-form/angular-schema-form
• https://github.com/joshfire/jsonform
• https://github.com/gitana/alpaca
• https://github.com/marianoguerra/json-edit
• https://github.com/exavolt/onde
• Công cụ tạo lược đồ JSON: http://www.jsonschema.net
• http://metawidget.org
• Trình soạn thảo Visual JSON, Ứng dụng Windows Desktop (miễn phí, mã nguồn mở), http://visualjsoneditor.org/

Thương mại (Không có chứng thực dự định hoặc ngụ ý, có thể hoặc không thể đáp ứng yêu cầu)

• Liquid XML - Trình soạn thảo và trình xác nhận lược đồ JSON Schema.
• http://www.altova.com/doad-json-editor.html
• XML ValidatorBuddy - Trình soạn thảo JSON và XML hỗ trợ kiểm tra cú pháp JSON, tô màu cú pháp, tự động hoàn thành, đánh giá con trỏ JSON và xác thực lược đồ JSON.

jQuery

• formbuilder jQuery kéo và thả
• formeo
• mẫu shalotelli

YAML

• Bài viết của Konstellate Reddit

Xem thêm

• Google chặn
• Có CMS dựa trên api JSON được lưu trữ cục bộ không?
• khái niệm dựa trên cms ;; http://www.webhook.com/
• widget dựa trên cây ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/
• https://studio3t.com/ledgeledge-base/articles/visual-query-builder/

Nói chung khi tôi muốn tạo một chuỗi JSON hoặc YAML, tôi bắt đầu bằng cách xây dựng cấu trúc dữ liệu Perl và sau đó chạy một chuyển đổi đơn giản trên nó. Bạn có thể đặt UI trước thế hệ cấu trúc dữ liệu Perl, ví dụ như biểu mẫu web.

Việc chuyển đổi cấu trúc sang JSON rất đơn giản:

use strict;
use warnings;
use JSON::Any;

my $data = { arbitrary structure in here };
my $json_handler = JSON::Any->new(utf8=>1);
my $json_string = $json_handler->objToJson($data);