HLQ
Hai Luong Quoc

Json Editor - Copy this React, Tailwind Component to your project

Design code editor json and validate input json editor. When click button generate to script, change content json to script. example: response = http.post( 'http://def/?a=b', '[\r\n {\r\n "id": "test 1",\r\n "user_id": "user 1",\r\n "name": "Load Test",\r\n "description": "Test for performance",\r\n "status": "Finished",\r\n "created_at": "2024 12 19T16:02:27+07:00",\r\n "updated_at": "2024 12 19T16:02:27+07:00"\r\n },\r\n {\r\n "id": "test 2",\r\n "user_id": "user 2",\r\n "name": "Smoke Test",\r\n "description": "Test for performance",\r\n "status": "Failed",\r\n "created_at": "2024 12 19T16:02:27+07:00",\r\n "updated_at": "2024 12 19T16:02:27+07:00"\r\n }\r\n]', { headers: { 'Content Type': 'application/json', }, } )

Prompt
Component Preview

About

JsonEditor - A JSON code editor for validating input and generating scripts. Built with React and Tailwind. Free code available!

Share

Last updated 1 month ago