Salesforce native JSON Viewer and Editor

LWC component to view and edit JSON. Add it to any record layout and configure with field api names that contains JSON values.
Salesforce native JSON Viewer and Editor
Salesforce native JSON Viewer and Editor

Often it happens that we either do not want to create OR it is just not feasible to create custom objects/metadata for storing configurations. Usually in such scenarios we prefer defining a mini JSON structure that act as a partial configuration/metadata that we then use in the code for business logic.

This does save us from few custom objects but the maintenance of such JSONs become cumbersome over time esp. large ones due to readability. Same goes for editing and updating the configuration. Also for integration projects we will typically have a log object where we store the Request/Response JSON for debugging/retrying etc. There too readability and editing of such JSONs from standard record editor is tedious. We then copy it and use some online JSON viewer tool to understand the configuration/structure.

To solve this challenge I have created this generic LWC component that can be added to any record layout where you save such JSON structures. Configure it with field api name that contains JSON values and tadam! - you can now view, edit and save the JSONs right within Salesforce and right within record.

Demo

Demo of Salesforce native JSON Viewer and Editor

Quick snap

About the author
Muralidhar Sampathirao

Muralidhar Sampathirao

Sr Technical Consultant @ Salesforce • With thrdz I am designing the building blocks for Enterprise Applications • Articles, opinions and resources expressed/shared are entirely my personal views.

THR(EA)DZ

DZining the building blocks for Enterprise Applications

THR(EA)DZ

Great! You’ve successfully signed up.

Welcome back! You've successfully signed in.

You've successfully subscribed to THR(EA)DZ.

Success! Check your email for magic link to sign-in.

Success! Your billing info has been updated.

Your billing was not updated.