ITBox user guide

Steps

1. Paste JSON into the left editor or drop a .json file; files above 1MB auto-route to Worker parsing
2. Pick a view mode: split (editor + tree side by side), tree (deep nested objects), raw (preserve indentation)
3. Click Format for 2-space indented standard JSON, or Minify to strip all whitespace for transport
4. Errors are pinpointed to line:column with red highlighting; fix and the view updates instantly
5. Click Schema to infer a JSON Schema draft from the current data
6. JSON → XML and XML → JSON conversions are one click away
7. Use the Diff view to compare two JSONs side by side with added/removed/changed lines highlighted
8. Search keys or values in the top bar; matched paths auto-expand in tree view
9. Export options: download JSON file, copy minified string, or generate a share link (data never leaves the browser)

Use cases

Debug REST APIs, triage production JSON in logs, diff schemas across versions, review configs, infer frontend types. Worker parsing for large files, precise error pinpointing, and lenient parsing are the differentiators.

Steps

1. Paste XML into the editor or drop a .xml / .pom / .svg / .config file
2. Click Format for 2-space indented output with nested tags clearly visible and attributes aligned
3. Click Minify to strip whitespace and newlines for transport or string embedding
4. Structure issues (unclosed tags, missing quotes, invalid characters) are flagged inline
5. CDATA sections, comments, and processing instructions (<?xml ?>) are preserved verbatim
6. Convert to JSON via the cross-tool jump to xml-json-converter
7. Export as .xml or copy the formatted string

Use cases

Debug SOAP envelopes, read Maven pom.xml, edit AndroidManifest, polish SVG, maintain legacy Spring config. Backend, Android, designers manually editing SVG, and DevOps maintaining legacy systems all use this. Namespace preservation, CDATA safety, and precise error reporting are the differentiators.

Steps

1. Paste SQL into the editor (single or multiple statements separated by semicolons)
2. Select dialect: MySQL (default), PostgreSQL, Oracle PL/SQL, SQL Server T-SQL, Snowflake, etc.
3. Click Format for standard indentation: SELECT columns, FROM tables, WHERE conditions each on their own lines
4. Click Minify to strip whitespace for code embedding
5. Keyword case: All-Uppercase (classic), All-Lowercase (modern), or As-Is
6. Syntax errors (missing commas, unbalanced parens, unclosed quotes) are flagged at position
7. Multiple statements separated by semicolons are formatted independently
8. Export as .sql file or copy formatted output for direct paste

Use cases

Daily SQL code review, slow query triage, ORM output cleanup, cross-dialect migration prep. DBA, backend developer, data analyst, report engineer. Multi-dialect parsing, ORM placeholder safety, and configurable keyword case are the differentiators.

Steps

1. Pick mode: HTML / CSS / auto-detect (looks at first char: < vs {)
2. Paste or drop a file (.html, .htm, .vue template, .jsx fragment, .css)
3. Click Format for 2-space indented output with clear nesting
4. Click Minify to strip whitespace and comments for inline use
5. HTML5 void elements (br, img, input, meta) follow the spec — no forced />
6. Nested CSS media queries (@media inside @supports) parse correctly
7. Errors flagged inline: unclosed tags, mismatched quotes, unbalanced braces
8. Export as file or copy formatted output

Use cases

Frontend cleaning scraped HTML, maintaining HTML email templates, editing SVG, reading WeChat mini-program wxml, refactoring legacy CSS. Frontend devs, scrapers, email marketing, mini-program developers. Vue/React template safety, SVG path preservation, and optional comment retention are the differentiators.

Steps

1. Type Markdown in the left editor or drop a .md / .markdown file
2. Right pane renders HTML in real time with synchronized scrolling
3. Code blocks get language-aware syntax highlighting (100+ languages)
4. GFM extensions (tables, task lists, strikethrough, blockquotes) render directly
5. Mermaid diagrams: wrap in ```mermaid blocks for flowcharts, sequences, Gantt, etc.
6. Math: inline $E=mc^2$ or block $$ ... $$ via KaTeX
7. Export to HTML / PDF / plain text; HTML includes inline styles for direct email or paste
8. Three themes: light, dark, reading-friendly

Use cases

Writing READMEs, blog drafts, technical docs, knowledge base notes, and WeChat articles. Developers, technical writers, bloggers, and content marketers use it daily. Full GFM extension support, Mermaid diagrams, KaTeX math, and inline HTML export are the differentiators.

Steps

1. Paste a JSON Schema in the left pane (or import a .json schema file)
2. Paste the JSON data to validate in the right pane
3. Click Validate for instant pass/fail; failures list every violating field path with the exact reason
4. Reverse: paste data into the right pane and click Infer Schema for an auto-generated draft
5. Schema drafts support nested objects, array types, enum, format (email/date-time/uri)
6. Toggle Draft version: Draft 7 (default and most common), 2019-09, or 2020-12
7. $ref to local definitions works natively; external URL refs need CORS-allowing servers
8. Export pass/fail JSON report for CI integration

Use cases

Frontend-backend API contracts, OpenAPI example validation, config schema enforcement, data migration verification, server-side form validation. Backend, frontend, API designers, QA. Multi-Draft support, reverse schema inference, and precise field-path errors are the differentiators.

Steps

1. Click any cell to edit (Excel-like UX)
2. Tab moves to the next column; Enter to next row
3. Right-click for context menu: add/remove rows-columns, alignment, merge notes
4. Paste a range from Excel/Numbers/Sheets — auto-converts to Markdown
5. Import CSV/TSV from file picker or text paste
6. Click Generate Markdown and copy the output into your README or blog
7. Reverse: paste a Markdown table for visual re-editing
8. Export as Markdown / CSV / HTML table

Use cases

README feature tables, API parameter docs, tech wiki tables, Zhihu/Medium answers, config field references. Developers, technical writers, product managers, bloggers. Visual editing, Excel paste, and HTML output (for merges) are the differentiators.

Steps

1. Paste or drop two JSONs side by side (version A and B)
2. Click Diff for a recursive field-by-field comparison
3. Results show a difference tree: green added, red removed, yellow modified
4. Click a diff node to jump to the source JSON location
5. Array matching strategy: by index (positional) or by key (specify a stable field like id)
6. Filters: show only changes / only additions / only removals
7. Export diff report as JSON or a readable summary
8. Toggle "collapse identical nodes" to focus on differences only

Use cases

API upgrade regression, config drift, data migration verification, CI baseline diff, multi-env data comparison. Backend, QA, DevOps. Recursive comparison, array-key matching, numeric tolerance, and field-level filters are the differentiators.

Steps

1. Pick mode: text (default), image, or file
2. Text mode: paste source on the left, get Base64 on the right; reverse paste auto-decodes
3. Character set: UTF-8 (default, safe for Chinese/Emoji), ASCII, GBK
4. URL-safe option: replace +/= with -_ and drop padding (for URL parameters and JWT)
5. MIME mode: wrap every 76 columns (for email multipart encoding)
6. Image mode: drop a file to get data:image/png;base64,... full data URL
7. File mode: drop any file (≤5MB recommended) to get Base64; download as .txt
8. Decoding auto-detects content type — text shows directly, image/file offers download

Use cases

Embedding icons in CSS, JWT debugging, binary-over-JSON APIs, multilingual email subjects, test data generation. Frontend, backend, QA, security engineers. UTF-8/GBK charset switching, URL-safe variant, and image/file modes are the differentiators.

Steps

1. Paste a URL or string into the editor
2. Pick mode: full URL (smartly preserves scheme/host/path separators) or component (encode everything)
3. Click Encode for percent-encoded output
4. Reverse: paste %XX form to auto-decode
5. Charset: UTF-8 (default, international standard) or GBK (legacy Chinese backends)
6. Double encoding: for nested scenarios (e.g., OAuth redirect_uri inside another URL)
7. Batch mode: one URL per line, encode/decode line by line
8. Quick reference: %20=space %2F=/ %3F=? %3D==

Use cases

OAuth redirect debug, frontend CJK URL building, QR code link generation, legacy charset triage, mailto subject. Frontend, backend, security, ops. Full-URL smart mode, UTF-8/GBK charset switching, and double-encoding handling are the differentiators.

Steps

1. Pick input mode: text / file / HMAC (with secret key)
2. Pick algorithm: MD5 (not recommended for security), SHA-256 (most common), SHA-512, SHA-3, CRC32
3. Text mode: paste or type, see hash update in real time
4. File mode: drop a file; large files use a Worker for streaming read
5. HMAC mode: enter both content and a secret key (common for API signature verification)
6. Charset: UTF-8 (default) / ASCII / GBK (affects hash result for non-ASCII text)
7. Case toggle: uppercase or lowercase hash output
8. Multi-algorithm: output MD5 / SHA-1 / SHA-256 simultaneously for comparison

Use cases

Download integrity check, API HMAC signature, salted password digests, content fingerprints, cache keys. Developer, ops, security engineer. Multi-algorithm parallel output, HMAC mode, and streaming file hashing are the differentiators. Note: do not use MD5 for security scenarios.

Steps

1. Pick version: v4 (random, default), v7 (sortable), v1 (with MAC, not recommended), v3/v5 (namespace)
2. Count: 1 / 10 / 100 / 1000 / custom
3. Format: standard 8-4-4-4-12 (with dashes) or compact 32-char (no dashes)
4. Case: lowercase (default) or full uppercase
5. Click Generate for instant output; bulk generation shows progress
6. Copy all or copy individual IDs
7. Export .txt or .csv for database import
8. v3 / v5 require a namespace UUID + name string

Use cases

Database primary keys (v7 recommended), order/transaction IDs, file privacy, distributed trace_id, test data. Backend, DBA, QA. v7 sortable output, bulk generation, multi-format export, and namespace UUIDs are the differentiators.

Steps

1. Paste the full JWT token (eyJhbGc...xxxxx.yyyyy.zzzzz)
2. The tool splits the three segments and Base64URL-decodes Header and Payload
3. Left pane: Header — alg (algorithm) and typ (usually JWT)
4. Right pane: Payload — standard claims highlighted (exp, iat, iss, sub, aud)
5. Expired tokens are flagged with a warning
6. Optional Verify Signature: HS256 takes a secret string, RS256/ES256 takes a public key in PEM format
7. Copy Header / Payload JSON separately
8. Reverse: edit Payload then sign a new token (with secret or private key)

Use cases

Login debugging, authorization bug triage, frontend-backend integration, security review, API doc examples. Backend, frontend, security engineers, QA. Three-segment visualization, standard-claim recognition, expiry detection, and optional signature verification are the differentiators. Sensitive tokens decoded here never leave the browser.

Steps

1. Pick algorithm: AES (recommended), DES, 3DES, RC4, Rabbit
2. AES mode: CBC (most common), GCM (authenticated — most secure), CTR, ECB (not recommended)
3. Key length: AES-128 / 192 / 256 (longer is more secure with negligible perf impact)
4. Enter key (hex or Base64), or derive from password via PBKDF2
5. IV (initialization vector): required for CBC/GCM/CTR — auto-generate or specify
6. Padding: PKCS7 (default), ZeroPadding, NoPadding
7. Click Encrypt for ciphertext output (Base64 or Hex)
8. Reverse: paste ciphertext + key + IV, click Decrypt

Use cases

Client-side field encryption, local secure notes, config key encryption, hybrid communication, security audits. Backend, frontend, security engineers, ops. Production code should always use audited standard libraries (do not roll your own primitives). The tool is for debugging and learning. AES-GCM, PBKDF2 derivation, and auto-managed IVs are the differentiators.

Steps

1. Set length: 16 chars default (recommended); range 8-128
2. Charset checkboxes: uppercase / lowercase / digits / symbols (!@#$% etc.)
3. Exclude ambiguous: 0/O, 1/l/I/| (easy to confuse)
4. Passphrase mode: 4-6 English words joined by hyphens (correct-horse-battery-staple) — high entropy and memorable
5. Generate count: 1 / 10 / 50 at a time
6. Click Generate for password list
7. See entropy (bits) and brute-force time estimate
8. Copy all or copy individual

Use cases

Account registration (16+ unique per site), wallet master passwords (20+ or passphrase), root accounts (32+), API tokens, OTP. Everyone needs this. Crypto-grade randomness, passphrase mode, entropy estimate, ambiguous-char exclusion are the differentiators. Save to a password manager immediately.

Steps

1. Paste or type a string on the left (with CJK / Emoji / any character)
2. Switch display on the right: Unicode code point (U+4E2D), JS escape (\u4e2d), HTML entity (&#x4e2d;), UTF-8 hex, UTF-16 hex
3. Reverse: paste \u4e2d\u6587 to auto-decode as 中文
4. Emoji mode: correctly handles surrogate pairs (🎉 = \uD83C\uDF89)
5. Toggle decimal / hexadecimal display
6. Case: U+4E2D (uppercase default) or u+4e2d (lowercase)
7. Batch processing: one string per line

Use cases

JSON Chinese decode, JS Emoji literals, HTML email compatibility, Emoji lookup, GBK bridges. Frontend, backend, email marketing, localization engineers. Correct surrogate-pair handling, UTF-8/UTF-16 byte display, and multi-format conversion are the differentiators.

Steps

1. Paste HTML or text with special characters
2. Click Encode to convert < > & " ' to entity forms
3. Reverse: paste entity-containing text and click Decode
4. Modes: Basic (just the 5 core characters), All (encode all non-ASCII), Named entities (&copy; instead of &#169;)
5. Numeric entity format: decimal (&#169;) or hex (&#x00A9;)
6. Newline handling: optionally convert \n to <br />
7. Quick reference: &nbsp; (non-break space), &emsp; (em-space), &mdash; (em dash), &hellip; (ellipsis)

Use cases

XSS defense, displaying code in blogs, HTML email compatibility, scrape cleanup, RSS/Atom generation. Frontend, backend, scrapers, email marketing, technical bloggers. Basic/All/Named modes and decimal/hex numeric entities are the differentiators.

Steps

1. Input 10-digit (seconds) or 13-digit (milliseconds) timestamp on the left; auto-detected
2. Right pane shows readable date/time in both local timezone and UTC simultaneously
3. Reverse: pick a date and time, get corresponding timestamp (both seconds and milliseconds)
4. Timezone switching: local, UTC, Asia/Tokyo, America/New_York, etc.
5. Current timestamp: live-updating seconds and milliseconds with copy button
6. ISO 8601 format: 2026-01-01T08:00:00.000Z (API standard format)
7. Relative time: "3 hours ago" / "5 days from now" human-readable
8. Batch mode: one timestamp per line for bulk conversion

Use cases

Backend log triage, frontend-backend time field, database time check, scheduled tasks, cross-timezone time. Backend, frontend, QA, ops. Auto seconds/milliseconds detection, multi-timezone display, ISO 8601 bidirectional, relative time are the differentiators.

Steps

1. Paste YAML or JSON on the left; format is auto-detected
2. Right pane shows the converted output in real time
3. YAML → JSON: comments are dropped (JSON has no comment syntax)
4. JSON → YAML: default 2-space indent, optional 4-space
5. Multi-document YAML (--- separated) converts to a JSON array
6. Anchors (&anchor) and references (*ref) are expanded into repeated objects
7. Multiline strings (| > |+ |-) preserve their semantics
8. Syntax errors highlighted: inconsistent indent, unclosed quotes, tab characters (YAML forbids)

Use cases

K8s manifests, CI configs, Docker Compose, Spring Boot configs, OpenAPI docs. Ops, backend, DevOps. Multi-document support, anchor expansion, multiline string handling are the differentiators.

Steps

1. Type a number on the left, pick the source base (default decimal)
2. Right pane shows binary, octal, decimal, hexadecimal simultaneously
3. Custom base: any base from 2 to 36 (base 36 uses 0-9 + a-z)
4. Endianness toggle: big-endian / little-endian (affects multi-byte hex display)
5. Sign representation: original, one's complement, two's complement (for negative numbers)
6. Hex extras: corresponding ASCII char (0x41 = "A"), Unicode code point
7. Batch: one number per line
8. IP/MAC specialized mode: 192.168.1.1 ↔ 0xC0A80101

Use cases

Bitwise debug, memory dump analysis, network protocol parsing, color values, CTF competitions, teaching. Developers, security researchers, network engineers. Multi-base simultaneous display, complement representations, IP specialized mode, endianness toggle are the differentiators.

Steps

1. Input color: HEX (#FFAA00 or #FA0 short), RGB, RGBA, HSL, color name
2. Tool auto-detects format and outputs all formats simultaneously
3. Visual color picker: hue/saturation/lightness sliders update in real time
4. Alpha slider: 0-1 float or 00-FF hex
5. Color name reverse: paste RGB, see closest CSS color name
6. Contrast: pick two colors, see if they meet WCAG AA (4.5:1) or AAA (7:1)
7. Color recommendations: complementary, analogous, triadic, etc.
8. One-click copy: HEX, CSS variable declaration, Tailwind class

Use cases

Web color picking, theme palettes, accessibility audit, CSS variables, print conversion. Frontend, designers, UX engineers. Multi-format conversion, WCAG-labeled contrast, palette recommendations, CSS variable output are the differentiators.

Steps

1. Paste application.properties or application.yml
2. Tool auto-detects format (a.b=x vs a:\n b: x)
3. Right pane shows the other format in real time
4. properties → yml: a.b.c=val becomes nested a → b → c: val
5. yml → properties: nested structure flattens to dot-notation
6. Arrays: myList[0]=a / myList[1]=b becomes myList: [a, b]
7. Comments: # in properties preserved as YAML comments
8. Quoting: escape sequences (\n \t) in properties correctly handled

Use cases

Spring Boot / Quarkus / Micronaut config migration, reading, code review, automated docs, K8s ConfigMaps. Java backend, DevOps. Comment preservation, array conversion, quoting, nested expansion are the differentiators.

Steps

1. Type any-style identifier on the left (auto-detected)
2. Right pane shows all 7 style conversions simultaneously
3. Batch: one identifier per line, bulk convert to target style
4. Preserve special chars: digits, Unicode preserved
5. Acronym handling: HTTPClient → http_client (default whole-acronym) or HTTP_Client (per-letter)
6. First-letter rule: PascalCase ↔ camelCase differs only in first-letter case
7. Options: ignore repeated separators in source, preserve leading/trailing space, handle empty strings
8. One-click copy target style or all 7 styles

Use cases

Cross-language migration, DB column-to-variable, URL-to-component name, CSS-class-to-JS-variable, constant naming. Daily developer task. All-7-styles simultaneous, acronym handling, batch are the differentiators.

Steps

1. Type Chinese text on the left (mixed Chinese-English okay)
2. Right pane shows pinyin in real time
3. Tone format: with tone marks (zhōng), numeric (zhong1), plain (zhong)
4. Spacing: per-character spaces, joined per word, hyphen-joined
5. Initials: just initials (zg), uppercase (ZG)
6. Polyphonic: smart mode (context-aware) or strict per-character mode
7. Non-Chinese (English, digits, symbols) preserved
8. Traditional Chinese supported (auto-detects simplified/traditional)

Use cases

SEO URLs, username transcription, publishing annotations, voice input correction, overseas Chinese education. SEO engineers, publishers, educators, diaspora users. Smart polyphonic, tone-change rules, erhua, name mode are the differentiators.

Steps

1. Paste XML or JSON on the left; auto-detected
2. Right pane shows the converted result
3. XML → JSON mode: compact (attributes on object) or safe (attributes in @attributes sub-object)
4. XML → JSON: multiple same-name children become a JSON array
5. CDATA content preserved as string value by default
6. JSON → XML: specify the root element name (default "root")
7. JSON convention: keys starting with @ become XML attributes (@id → id="...")
8. Preserves namespace prefixes (xmlns:prefix)

Use cases

SOAP-REST bridging, legacy config upgrades, API doc conversion, crawler data, SDK dual-protocol. Backend, data engineering. Attribute strategy, force-array, CDATA preservation, namespace handling are the differentiators.

Steps

1. Mode 1: difference — pick start and end date, get days/hours/minutes/seconds
2. Mode 2: add/subtract — pick base date, input +30 days / -3 months, get result
3. Mode 3: workdays — exclude weekends (plus custom holiday list)
4. Mode 4: lunar/Gregorian — 2026-01-01 ↔ Chinese 乙巳年正月初一
5. Difference output: multi-unit (89 days = 12 weeks 5 days = 0.24 years)
6. Timezone: default local, can switch to UTC or specific timezone
7. Leap year: Feb 29 + 1 year = Mar 1 (no leap day) or Feb 28 (conservative)
8. Export result / one-click copy

Use cases

Contract expiry, project duration, age calculation, visa validity, SLA deadlines. Legal, HR, PM, sales. Multi-mode (diff/add/workdays/lunar), holiday exclusion, end-of-month rules, leap year are the differentiators.

Steps

1. Paste CSV or JSON array on the left
2. Tool auto-detects format
3. CSV → JSON: first row is keys, each row is an object, output is an array
4. JSON → CSV: first row keys (merged across all objects), values per row
5. Separator: comma (default), tab, semicolon, pipe, custom
6. Encoding: UTF-8 (default), GBK (legacy Excel files)
7. Nested object: flatten to a.b.c dot path or a_b_c underscore
8. Export: .csv or .json

Use cases

Excel ↔ database/API, data migration, bulk form filling, analysis prep. Backend, data engineering, ops, finance. RFC 4180 standard, nested flattening, Excel BOM, multi-charset are the differentiators.

Steps

1. Type amount (up to two decimals) on the left
2. Right pane shows Chinese capital amount in real time
3. "元" or "圆": default "元", can switch to "圆" (traditional bank usage)
4. Integer "整" suffix: 1000 → "壹仟元整"
5. Zero handling: 1001 → "壹仟零壹元", 1010 → "壹仟零壹拾元", 10000 → "壹万元整"
6. Negative: -100 → "负壹佰元整"
7. Large amounts: 万, 亿, 万亿 in 4-digit groups
8. One-click copy / export

Use cases

Invoicing, contract amount clauses, bank drafts, reimbursement, legal documents. Finance, legal, HR, sales. Zero rules, "整" suffix, large amounts, negatives are the differentiators. Compliant with GB/T 17696-1999.

Steps

1. Pick category: length / weight / temperature / area / volume / speed / energy / data / time
2. Left column: value + source unit
3. Right column auto-shows results across all target units
4. Common units first (meter, km, inch, foot)
5. Scientific units (light year, ångström, Planck length) grouped separately
6. China-local units: mu, jin, gongli, cubic meter
7. Imperial: mile, pound, gallon, Fahrenheit
8. Precision: 6 significant digits default, adjustable

Use cases

Overseas shopping sizes, device specs, engineering drawings, storage capacity, scientific units. Everyone uses it. Multi-system (metric/imperial/Chinese-traditional/scientific), binary-vs-decimal storage, adjustable precision are the differentiators.

Steps

1. Type the regex (without surrounding //) and choose flags
2. Type the test string in the text field
3. Tool highlights all matches and lists capture groups for each
4. Dialect switch: JavaScript (default), PCRE, Python re, Java, Go
5. Replace mode: enter a replace template (use $1, $2 for groups), see the output
6. Split mode: split the string by the regex into an array
7. One-click insert from common library: Chinese, Email, phone, URL, IP, ID, date, IPv4, IPv6
8. Code snippet generation: wrap the regex as JS / Python / Java / Go test code

Use cases

Form validation, log parsing, code-base bulk replace, URL routing, web scraping. Daily developer tool. Multi-dialect cross-check, named captures, replace/split test, common regex library are the differentiators. Beware catastrophic backtracking.

Steps

1. Paste two texts side by side (old / new)
2. Pick granularity: line (default, for code), word (for docs), char (for precision)
3. Tool computes diff in real time with highlighting
4. Side-by-side view (default) or unified view (git style)
5. Ignore options: whitespace, case, line endings (CRLF vs LF), trailing whitespace
6. Stats: +X lines, -Y lines, ~Z modifications
7. Export diff report: unified diff format (paste into PRs / git apply) or HTML highlight report
8. Synced scrolling between panes

Use cases

Code review, contract comparison, config diff, doc version diff, precise char diff. Developers, legal, ops, technical writers. Three granularities, ignore options, unified diff export, synced scrolling are the differentiators.

Steps

1. Paste multi-line text (one item per line), or custom separator (comma, semicolon, pipe)
2. Pick sort: alpha asc / desc, numeric, natural, length, random
3. Pick processing: dedupe, drop empty lines, trim, normalize case, reverse
4. Right pane shows results in real time
5. Stats: original X lines, processed Y, duplicates removed Z
6. Case sensitivity: affects sort order and dedup judgment
7. Keep-original-order dedupe: retain first occurrence, delete duplicates
8. Export / one-click copy

Use cases

User list cleanup, log preprocessing, version sort, word freq prep, test data. Ops, QA, data analysts, devops. Natural sort, Chinese pinyin/Unicode toggle, stable dedupe, custom separators are the differentiators.

Steps

1. Paste or type into the editor
2. Right pane shows: characters (with/without spaces), words, lines, paragraphs, sentences, bytes
3. CJK-English smart: Chinese counted per character (中国 = 2 chars), English per word (hello world = 2 words)
4. Bytes: UTF-8 (Chinese 3 bytes / English 1) and GBK (Chinese 2 / English 1) shown
5. Character frequency: top characters and counts
6. Reading time: ~300 chars/min (Chinese) or 200 words/min (English)
7. Social platform limits: indicate which platforms exceed
8. Readability: Flesch-Kincaid score and grade level (English)

Use cases

Social media content, SEO articles, emails, essays. Ops, content creators, SEO, students, copywriters. CJK-English smart, byte dual-display, platform limits, reading time are the differentiators.

Steps

1. Top-left: paste template (with placeholders like {{ name }} or ${date})
2. Bottom-left: paste data (single: key:value pairs; multiple: CSV / JSON array)
3. Right pane shows the filled result in real time
4. Placeholder syntax: double-brace {{ }}, dollar ${}, single-brace {}, percent %%, colon :
5. Defaults: write {{ name|default("anonymous") }} for missing data
6. Batch mode: CSV / JSON rows/objects generate independent outputs
7. Export: multiple files / concatenated single doc
8. Escape: write {{ "{{" }} for literal {{ that should not be parsed

Use cases

Batch emails, contract filling, A/B copy, SQL batch, config generation. Ops, sales, legal, dev. Multi-syntax, default value, CSV/JSON batch, escape mechanism are the differentiators.

Steps

1. Paste sensitive-containing log or text
2. Check categories to mask: phone, ID, bank card, email, IP, token, password fields, custom
3. Pick strategy: full mask (****), partial keep (138****5678), hash replacement, placeholder [MASKED]
4. Right pane shows masked output in real time
5. Custom regex: add project-specific sensitive patterns
6. Stats: detected X sensitive items, masked Y
7. One-click copy to safely share
8. Optional: export masking config (team reuse)

Use cases

Ticket / screenshot / documentation sanitization, log analysis with privacy, compliance audit. Backend, ops, security, support. China GB/T 35273 (Personal Information Security Specification) compliant. Multi-category detection, multi-strategy, URL credentials, JSON key auto-detection are the differentiators.

Steps

1. Paste source text (with newlines / quotes / special chars)
2. Pick target language: JSON / JS / Java / Python / SQL / HTML / Shell / Regex
3. Right pane shows escaped output for that language
4. Reverse: paste an escaped string for auto-unescape
5. JSON escapes: \\n \\t \\" \\\\ \\u00XX
6. SQL escapes: escape single quotes by doubling them; escape double quotes and backslashes per dialect
7. Shell escapes: wrap in single quotes or use \\$ \\` \\" inside double quotes
8. Regex escapes: metacharacters . * + ? ( ) [ ] need a leading backslash

Use cases

Logs to code, JSON nesting, SQL generation, shell scripts, dynamic regex. High-frequency multi-language escape. Multi-language context, bidirectional, optional Unicode mode are the differentiators.

Steps

1. Pick format: crontab (5 fields, most common), Quartz (6 fields with seconds), Spring 6-field
2. Drag UI to set specific minute/hour/day/month/weekday
3. Tool generates the cron string in real time
4. Reverse: paste an existing cron expression for a readable description
5. Future execution preview: next 5 / 10 / 30 firing times
6. Templates: every minute, hourly, daily 0 AM, Monday weekly, monthly 1st
7. Complex expressions (step/range/list) supported: */5 1-5 1,3,5
8. Cross-timezone preview

Use cases

Linux crontab, Spring Scheduled, Quartz, K8s CronJob, GitHub Actions. Backend, ops, DevOps, SRE. Multi-format, visual generation, future-execution preview, timezone display are the differentiators.

Steps

1. Pick method: GET (default), POST, PUT, PATCH, DELETE, HEAD, OPTIONS
2. Type the URL (supports env vars {{ baseUrl }})
3. Query tab: query parameters (auto URL-encoded)
4. Headers tab: common Content-Type / Authorization one-click insert
5. Body tab: pick type (JSON / Form Data / URL Encoded / Raw / Binary)
6. Auth tab: Basic / Bearer / API Key — three mainstream methods
7. Click Send; right pane shows live response
8. Generate code: one-click copy curl / fetch / axios / Postman formats

Use cases

REST API debug, third-party API trial, production reproduction, tutorials, curl migration. Backend, frontend, QA, support. Browser-native, CORS-aware, code snippet generation, env vars are the differentiators.

Steps

1. Paste CREATE TABLE on the left (COMMENT improves output)
2. Pick ORM: JPA (Hibernate), MyBatis-Plus, plain POJO
3. Pick annotation style: Lombok (@Data) or explicit getter/setter
4. Right pane shows the Java class in real time
5. Field names: auto snake_case → camelCase
6. Type mapping: INT → Integer or int, DATETIME → LocalDateTime
7. Primary key: @Id @GeneratedValue auto-added
8. Class comment: extracted from table COMMENT as Javadoc

Use cases

SQL DDL to entity, DB design to code, PowerDesigner/Navicat export handling, microservice split, DB migration. Java backend, DBA, architect. JPA/MP dual ORM, Lombok option, smart type mapping, composite keys are the differentiators.

Steps

1. Paste MyBatis log (with ==> Preparing: and ==> Parameters: lines)
2. Tool auto-detects the SQL template and parameter list
3. Replaces ? in order with parameter values (strings auto-quoted)
4. Date/time parameters output in SQL standard (「2026-01-01 12:00:00」)
5. Right pane shows the runnable complete SQL
6. Pair with sql-formatter for readability
7. Batch: multiple SQL in the log restored at once
8. Export .sql file for DBeaver / Navicat execution

Use cases

Slow SQL triage, production reproduction, SQL perf testing, dynamic SQL review, MyBatis learning. Java backend, DBA, perf engineer. Batch processing, smart placeholder detection, date format normalization, null type detection are the differentiators.

Steps

1. Type IP + CIDR prefix (e.g. 192.168.1.0/24)
2. Tool outputs network address, broadcast, subnet mask, usable hosts, IP range
3. Binary view: 32 bits split into binary
4. Reverse: input subnet mask + any IP, get CIDR
5. Subnetting: split /24 into 4 /26, list IP range of each
6. Supernetting: input several subnets, get smallest covering CIDR
7. IPv6 mode: ::1, fe80::/10, etc.
8. Type detection: private/public/reserved

Use cases

Enterprise network planning, routing triage, firewall rules, cloud VPC design, network teaching. Network engineer, SRE, ops, cloud architect. Subnetting, supernetting, IPv6, type detection, binary view are the differentiators.

Steps

1. Type Java field list on the left (name + type + comment)
2. Check the Lombok annotations to apply: @Data / @Builder / @Slf4j etc.
3. Right pane shows the annotated class
4. Also shows equivalent original code (handwritten getter/setter/equals)
5. Lombok modes: minimal (@Data only) or explicit (each annotation separate)
6. Builder: Lombok @Builder or original Builder static inner class
7. Immutable: @Value (final fields) instead of @Data
8. Logging annotation: @Slf4j / @Log4j2 / @CommonsLog

Use cases

New Java class, Lombok-banned projects, Lombok learning, Code Review, legacy migration. Java backend, technical lead, code reviewer. Lombok / equivalent dual display, @Data vs @Value, Builder generation are the differentiators.

Steps

1. Define fields: name + type (Chinese name / email / phone / address etc.) + constraints
2. Set count: 10 / 100 / 1000 / 10000
3. Pick output format: JSON array / JSON Lines / CSV / SQL INSERT
4. Click Generate for instant output
5. Related fields: email derived from name field (tom.smith@example.com)
6. Custom type: random string from regex (e.g. order ID ORD\d{8})
7. Export / one-click copy
8. Save config templates: common field combinations (user table, order table)

Use cases

Frontend mocks, load testing, UI mockups, demos, unit test samples. Frontend, QA, DBA, designer, tech speakers. Chinese support, related fields, multi-format output, custom types are the differentiators.

Steps

1. Paste JSON object or array on the left
2. Pick dialect: MySQL / PostgreSQL / SQLite / Oracle / SQL Server
3. Specify the table name
4. Optional: field mapping rule (JSON userName ↔ SQL user_name)
5. Pick mode: separate INSERTs, batch INSERT, or UPSERT
6. Right pane shows SQL statements
7. Date formatting: 2026-01-01T08:00:00.000Z → SQL standard 「2026-01-01 08:00:00」
8. Export .sql / one-click copy

Use cases

API data ingest, DB migration, test data loading, seed data init, NoSQL to SQL. Backend, data engineering, DBA. Multi-dialect, UPSERT mode, batch sizing, nested object handling are the differentiators.

Steps

1. Input QR content: plain text / URL / Wi-Fi (auto-generates WIFI:T:...; format) / vCard / email / SMS
2. Format: PNG (default, most compatible), SVG (vector, scalable), JPG (smaller)
3. Size: 200×200 default, customizable
4. Error correction: L 7% (minimum), M 15% (common), Q 25% (outdoor/dirty), H 30% (with logo must use)
5. Color: customize foreground/background (ensure contrast)
6. Embed logo: upload PNG/SVG, auto-center (must use H error correction)
7. Export image / copy data URL
8. Reverse decode: drop a QR image, tool extracts content

Use cases

Event check-in, Wi-Fi sharing, product labels, electronic business cards, marketing links. Ops, marketing, sales, HR, product. Wi-Fi / vCard generation, logo embed, two-way decode, SVG vector are the differentiators.

Steps

1. Paste JSON (object or array) on the left
2. Pick target language: TypeScript / Java / Kotlin / Swift / Go / Rust / Python / Dart
3. Right pane shows type definitions
4. Type name: based on root — Root / RootItem or custom
5. Nested objects: auto-generate sub-types and reference them
6. Array element inference: [1,2,3] → number[], [{a:1}] → A[]
7. Optional: null-valued fields → ?: / nullable
8. TS options: interface vs type alias, JSDoc comments

Use cases

Frontend-backend alignment, third-party API, TS strictness, cross-language communication, rapid prototyping. Frontend, backend, mobile devs. Multi-language, nested auto-split, null smart handling, naming convention are the differentiators.

Steps

1. Input a code (200/404) or browse by category
2. Right pane shows official definition + meaning + when returned
3. Common-level marking: very high (200/404/500), common (401/403/502), obscure (418/451)
4. RESTful usage: which codes each verb (GET/POST/PUT/DELETE) typically returns
5. Client handling: what frontend should do for each code
6. Related RFCs: RFC 7231 / 9110 references
7. Similar code comparisons: 401 vs 403, 301 vs 302, 502 vs 504
8. One-click copy code + description

Use cases

API design, endpoint triage, frontend error handling, interview review, HTTP teaching. Backend, frontend, QA, support, interviewees. Common-level marking, RESTful recommendation, similar-code comparison, client-handling guidance are the differentiators.

Steps

1. Paste curl command (multi-line with backslash continuation supported)
2. Pick target language: fetch / axios / Python requests / httpx / Java HttpClient / Go / PHP
3. Right pane shows the converted code
4. Preserves headers / body / auth / cookies
5. Smart multi-line curl handling
6. Environment variable extraction: tokens / API keys as constants for reuse
7. Reverse: paste code snippet (fetch / axios) back to curl
8. One-click copy code

Use cases

Browser curl migration, API doc multi-language, debug-to-prod, AI prompts, code-to-curl reverse. Frontend, backend, QA, technical writers. Multi-language, smart parsing, bidirectional are the differentiators.

Steps

1. Paste JSON on the left
2. Type JSONPath expression in the middle (starts with $)
3. Right pane shows matches in real time
4. Common expressions: $..book[*] (all books), $..book[?(@.price<10)] (cheap books)
5. Syntax highlighting: parts colored (path / filter / slice)
6. Syntax error: invalid expression highlights the position
7. Dialect switch: JSONPath (standard), JSONPath Plus, JMESPath
8. Code snippet: JS / Python / Java calls using the matching JSONPath library

Use cases

API field extraction, doc examples, config paths, JSON log analysis, jq preparation. Backend, frontend, ops, data analysts. Multi-dialect, filters, slicing, code snippet generation are the differentiators.

Steps

1. Pick languages (multi-select): Node / Python / Java / Go / Rust / Ruby ...
2. Pick IDEs (multi-select): IntelliJ / VSCode / Vim / Eclipse ...
3. Pick OS (multi-select): macOS / Windows / Linux
4. Optional frameworks: React / Vue / Angular / Django / Rails / Laravel ...
5. Click Generate — combines and deduplicates
6. Right pane shows .gitignore content
7. Save as .gitignore or one-click copy
8. Incremental merge: paste existing .gitignore, tool dedup and complete

Use cases

New project init, monorepo subprojects, incremental completion, team conventions, legacy cleanup. Every developer’s tool. 60+ language templates, IDE / OS coverage, dedup merge, official authoritative templates are the differentiators.

Steps

1. Paste a User-Agent string (from logs or navigator.userAgent)
2. Right pane: browser / version / OS / device / engine
3. Device class: Desktop / Mobile / Tablet / Bot
4. Bot detection: Googlebot / Baiduspider / Bingbot / facebookexternalhit / WhatsApp Preview
5. Common UA templates: one-click insert Chrome mobile / Safari iPhone / WeChat
6. Fake UA generator: combine OS + browser + version to a custom UA
7. Current browser UA: read navigator.userAgent
8. Batch: one UA per line

Use cases

Server log analysis, traffic stats, bot detection, cross-browser debug, A/B testing. Backend, SEO, ops, QA. Detailed field parsing, bot detection, UA templates, batch processing are the differentiators.