ITBox user guide

Steps

1. Paste JSON into the left editor
2. Pick a view: split / tree / raw
3. Click Format or Minify
4. Fix any line:column errors shown

Use cases

Debug REST API responses, inspect JSON in logs, diff JSON versions

Steps

1. Paste XML
2. Pick Format or Minify
3. See errors in the status area

Use cases

Inspect SOAP responses, tidy Maven / Spring configs, check RSS docs

Steps

1. Paste SQL
2. Pick dialect (MySQL / Postgres / Oracle)
3. Click Format or Minify
4. Toggle keyword casing

Use cases

Review complex JOINs, tidy string SQL in code, restore single-line SQL from logs

Steps

1. Pick language (HTML or CSS)
2. Paste source
3. Pick action (format / minify)
4. Copy result

Use cases

View minified site source, tidy scaffolded HTML, prepare sample docs

Steps

1. Type Markdown on the left
2. Watch live preview on the right
3. Copy HTML if needed

Use cases

GitHub READMEs, blog drafts, project docs

Steps

1. Paste JSON Schema on the left
2. Paste data on the right
3. See validation results and error paths

Use cases

Verify API responses, lint configs, run API contract tests

Steps

1. Use the toolbar add/remove column and row buttons to size the grid; the first row is the header
2. Type into each cell and set per-column left/center/right alignment with the buttons under each header
3. Or paste CSV/TSV into the import box (tab vs comma auto-detected) to replace the whole grid at once
4. Copy the generated Markdown or download a .md file; the live preview shows the rendered result

Use cases

When writing a GitHub README or docs, organize data in a spreadsheet, paste it into the import box, and get a padded, aligned Markdown table with pipes and newlines inside cells safely escaped.

Steps

1. Paste the original JSON on the left and the target JSON on the right (JSON5 lenient syntax accepted)
2. Read the summary header: added / removed / changed counts, or an identical notice
3. Scan the diff list — each row shows its path (e.g. user.roles[0]) and old→new value
4. Tick 'Ignore array order' to match array elements as a multiset when order is irrelevant

Use cases

Compare two versions of an API response payload to instantly spot which field changed, instead of eyeballing line by line.

Steps

1. Pick input type (text or file)
2. Enter or upload content
3. Pick Encode or Decode
4. Copy or download

Use cases

Embed small images in CSS, build JWTs / cookies, debug crypto endpoints

Steps

1. Paste URL or parameter text
2. Pick Encode or Decode
3. View the result

Use cases

Debug GET requests with Chinese params, tidy URLs in logs, build URLs with special chars

Steps

1. Pick input type (text or file)
2. Paste text or upload file
3. View digests for every algorithm
4. Toggle casing and copy

Use cases

Verify downloads, generate signing digests, debug server-side password hashing

Steps

1. Set count
2. Toggle case and hyphens
3. Click Generate
4. Copy all

Use cases

Seed test data, fill database PKs, make temporary IDs

Steps

1. Paste a JWT
2. See the three decoded sections
3. Check claims and expiry in Payload

Use cases

Debug OAuth / SSO, verify claims, troubleshoot login sessions

Steps

1. Pick algorithm (AES / DES)
2. Pick mode (ECB / CBC ...)
3. Enter plaintext / ciphertext and key
4. Encrypt or Decrypt

Use cases

Debug server-side crypto APIs, analyse captured traffic, build crypto test cases

Steps

1. Set the length (4–64) and how many passwords to generate (1–20)
2. Pick the character sets to include — uppercase / lowercase / digits / symbols — and optionally exclude ambiguous characters
3. Click Generate, then copy each password or copy all, using the entropy strength bar to gauge security

Use cases

When setting a database root password, enable symbols and push the length past 20 so the strength bar reaches "Very strong," then copy it straight into your password manager.

Steps

1. Pick the mode: Text → Escaped or Escaped → Text
2. For escaping, choose a style (\uXXXX / ES6 / &#x; / &# / \xHH) and toggle Only non-ASCII as needed
3. Paste input on the left and read the live, copyable result on the right

Use cases

When a Java properties or JSON file contains escapes like \u4F60\u597D, switch to Escaped → Text to instantly restore the readable characters.

Steps

1. Pick Encode or Decode mode
2. Paste text on the left; the result updates live on the right
3. For encoding, choose named / decimal / hex format and toggle escaping of all non-ASCII
4. Click the copy button to grab the output

Use cases

Encode user-supplied nicknames, rich text, or code snippets containing < > & before injecting them into an HTML template to prevent XSS and broken markup.

Steps

1. Enter timestamp or date
2. Pick seconds or milliseconds
3. Pick timezone
4. View result or click Now

Use cases

Investigate timestamps in logs, debug createTime fields, generate test dates

Steps

1. Paste YAML or JSON
2. Pick direction
3. View output
4. Errors show line numbers

Use cases

Swap K8s YAML / JSON, paste YAML into API tests, tidy Helm values

Steps

1. Enter a number
2. Pick source radix
3. See all target radices

Use cases

Embedded register bits, binary protocol analysis, CTF challenges

Steps

1. Enter a color or use the picker
2. See all three formats
3. Copy the one you need

Use cases

Match design colors, debug CSS theme variables, design palettes

Steps

1. Paste .properties or YAML
2. Pick direction
3. View output

Use cases

Migrate Spring Boot configs, unify config style, paste tutorial configs

Steps

1. Paste identifiers (one per line for batch)
2. See every target style
3. Copy what you need

Use cases

DB columns to Java / Go variables, sync frontend / backend names, bulk rename

Steps

1. Paste Chinese text
2. Pick output (full / initials / with tones)
3. See the result

Use cases

URL slugs, sort Chinese names, SEO-friendly links

Steps

1. Paste XML or JSON
2. Pick direction
3. View result

Use cases

Land SOAP responses, integrate legacy XML APIs, migrate configs

Steps

1. Pick Add / Subtract or Difference
2. Enter dates and amounts
3. View result

Use cases

Contract expiry, project timelines, business days to deadline

Steps

1. Pick the direction: CSV → JSON or JSON → CSV
2. Choose the delimiter and toggle the header option
3. Paste or load the sample to see live output
4. Copy the result or download data.json / data.csv

Use cases

Drop a CSV exported from Excel and instantly get a JSON array ready to POST to an API.

Steps

1. Type the amount (decimals and a leading minus are allowed); it rounds to 2 places
2. Read off the capital form, the grouped amount and the normalized plain amount live
3. Copy the capital text straight into your invoice or contract

Use cases

When filling in a contract amount, enter the figure and copy the capital line — zero/整/角/分 spacing follows financial rules, so cases like 壹万零壹元整 come out correct automatically.

Steps

1. Pick a category (Data / Time / Length / Weight / Temperature / Area)
2. Enter a value and choose the source unit
3. Read all converted units in the table and copy any with its button

Use cases

When debugging disk or bandwidth numbers, compare GB against GiB side by side to avoid decimal-vs-binary capacity mismatches.

Steps

1. Enter a regex
2. Paste target text
3. See highlights and groups
4. Switch to Replace preview

Use cases

Extract data from logs, validate forms, bulk replace

Steps

1. Paste original on the left
2. Paste comparison on the right
3. Pick granularity (line / word / char)
4. See highlighted diff

Use cases

Compare configs, review doc edits, audit pasted code

Steps

1. Paste multi-line text
2. Pick op (dedupe / sort / reverse / trim)
3. View result

Use cases

Tidy email / ID lists, clean log data, build sorted reference data

Steps

1. Paste or type text
2. All metrics update live

Use cases

Hit word limits, check essay caps, profile log lengths

Steps

1. Enter template with ${var}
2. Fill the variables (one row per record)
3. Click Replace
4. See all rendered results

Use cases

Bulk-generate SQL, personalised emails, structured test data

Steps

1. Paste a log or text
2. Pick which field types to mask
3. View masked result
4. Customise mask char if needed

Use cases

Sanitise prod logs before sharing, file 3rd-party issues, audit compliance

Steps

1. Pick the target language (JSON / Java / JS / SQL / C/C++ / Shell)
2. Toggle Escape or Unescape mode
3. Paste text on the left and copy the live result on the right

Use cases

Handy when pasting a multiline SQL query or a quoted JSON snippet into a source-code string literal.

Steps

1. Enter a Cron expression (5 or 6 fields)
2. See each field's meaning
3. Preview the next 10 runs

Use cases

Author K8s CronJob / Quartz, debug missing triggers, cross-timezone schedules

Steps

1. Pick method (GET / POST ...)
2. Enter URL
3. Fill Header / Query / Body
4. Click Send

Use cases

Verify backend APIs, debug webhooks, demo API calls

Steps

1. Paste CREATE TABLE
2. Tick annotations (Lombok / JPA)
3. Copy the generated class

Use cases

Scaffold POJOs from new tables, accelerate backend coding, start from DBA SQL

Steps

1. Paste the Preparing line
2. Paste the Parameters line
3. Click Restore
4. Copy executable SQL

Use cases

Reproduce slow SQL, run log SQL in DB clients, debug ORM param binding

Steps

1. Enter IP and mask (or CIDR)
2. See all derived addresses

Use cases

Plan intranet subnets, troubleshoot routing, teach IP math

Steps

1. Paste Java source
2. Tick desired annotations
3. View the updated class

Use cases

Modernise legacy POJOs, drop hand-written getters / setters, unify team style

Steps

1. Define fields (name + type)
2. Set row count
3. Pick export format
4. Generate and copy or download

Use cases

Seed test DB, mock API data, demo data

Steps

1. Paste a JSON array
2. Set target table name
3. Pick INSERT or REPLACE
4. View SQL

Use cases

Seed initial DB data, replay log data, ingest 3rd-party API data

Steps

1. Pick Generate or Decode
2. Enter text or upload image
3. Tune size / EC level / colors
4. Download PNG or copy decoded text

Use cases

QRs on business cards / posters, event sign-in, decode unknown QRs

Steps

1. Paste JSON (JSON5 and trailing commas allowed) into the left editor
2. Pick a target language and set the root type name
3. Toggle 'null values to optional / nullable' if desired
4. Read and copy the generated code on the right

Use cases

When wiring up a third-party API, paste one real response to instantly get the TypeScript interface, then drop it straight into your project.

Steps

1. Switch between the HTTP Status and MIME Types tabs
2. Type a code, name, extension, or keyword to filter live
3. Read the color-coded badge to spot the status class at a glance
4. Click any row to copy the 'code name' or the MIME type

Use cases

When configuring Nginx or backend headers, search .woff2 and copy font/woff2 so browsers stop rejecting fonts served with the wrong MIME type.

Steps

1. Paste a curl command into the input, or click Sample to load a multi-header POST example
2. Pick the target language from the segmented control: Fetch / Axios / Python / Go / Java
3. The equivalent request code is generated live on the right — hit Copy to grab it

Use cases

In browser DevTools' Network panel, right-click a request and choose 'Copy as cURL', then paste it here to instantly get Python requests code for an automation script.

Steps

1. Paste JSON (JSON5 comments and trailing commas allowed), or load the classic store sample
2. Type a JSONPath expression, or click an example chip to fill it in
3. Matched values and the hit count appear instantly on the right — copy with one click
4. Parse or expression errors are shown below with the exact message

Use cases

Paste an API response and use an expression like $..author to quickly pull deep fields and confirm the data meets your expectation

Steps

1. Search and check the stacks you use (e.g. Node, Python, macOS)
2. Optionally click 'Select common' to add editor/OS rules like macOS, Windows, IDEA and VSCode
3. Review the merged, de-duplicated output and copy or download it as .gitignore

Use cases

Starting a Vue project? Check Vue/Vite + JetBrains + macOS + Windows so junk files from every teammate's OS are ignored.

Steps

1. Paste a User-Agent string, or click "Use my UA" to auto-fill your current browser's UA
2. Or click a sample (Chrome / Safari / Firefox / Googlebot / Edge) to experiment quickly
3. Read the browser, engine, OS, device type and CPU arch in the parsed result
4. Hit copy to grab the summary text (raw UA plus each parsed field)

Use cases

When investigating a suspicious request in your access logs, paste its UA string here to instantly tell whether it's a real browser, a mobile device, or a crawler/bot.