Developers · Gutenberg
Hash Generator block for WordPress
Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes from any text input. Useful for developers, security professionals and data integrity checks.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes from any text input. Useful for developers, security professionals and data integrity checks.
Inspector panels on this block: Generator Settings, Visible Algorithms, Sizing. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Developers → search “Hash Generator” (block name `blockenberg/hash-generator` in block.json). Style it in the sidebar after insert.
How to use Hash Generator block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Hash Generator”, insert it. Category: Developers.
- Configure inspector controls that exist on this block. Open Generator Settings. Set “Default Algorithm”, “Placeholder Input Text”, “Auto-hash on type”, “Show MD5”.
- Check the published page. The view script reads HTML data attributes: data-algo, data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Default Algorithm | Select control; the chosen value is saved on the block. block.json default: SHA-256. Saved as `defaultAlgorithm`. |
| Placeholder Input Text | Text field in the inspector. Saved as `defaultInput`. |
| Auto-hash on type | On/off toggle in the inspector. On by default. Saved as `autoHash`. |
| Show MD5 | On/off toggle in the inspector. On by default. Saved as `showMD5`. |
| Show SHA-1 | On/off toggle in the inspector. On by default. Saved as `showSHA1`. |
| Show SHA-256 | On/off toggle in the inspector. On by default. Saved as `showSHA256`. |
| Show SHA-512 | On/off toggle in the inspector. Off by default. Saved as `showSHA512`. |
| Show Compare / Verify field | On/off toggle in the inspector. On by default. Saved as `showCompare`. |
| Max Width (px) | Numeric range control in the inspector. Range 400–1100. block.json default: 700. Saved as `contentMaxWidth`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-algo, data-opts.
- JavaScript functions that perform the math: computeHashes.
When this is the right block
- Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes from any text input. Useful for developers, security professionals and data integrity checks — that is the job of Hash Generator, not a generic content block.
- Use it when you need the editor control labeled “Default Algorithm”, which exists on this block’s inspector.
- It matches pages about hash, md5, sha256.
- The math runs in the visitor’s browser after publish — no extra calculator plugin.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Hash Generator block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Hash Generator”. It sits under Developers. After insert, open Generator Settings and set “Default Algorithm”, “Placeholder Input Text”, “Auto-hash on type”, “Show MD5”.
Does Hash Generator need a server or extra plugin?
No. After Blockenberg is active, the view script runs in the browser with the values you saved on the block.
Is the Hash Generator Gutenberg block free?
Yes. Hash Generator ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Hash Generator to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Generator Settings, Visible Algorithms, Sizing).
Related developers blocks
Password Generator
Secure random password generator with configurable length, character types (uppercase, lowercase, numbers, symbols), strength indicator, copy button, and fully customizable styling.
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Barcode Generator
Generate Code128 barcodes from any text or number. Customize bar height, width, colors, and download as PNG.
Base64 Encoder / Decoder
Encode plain text to Base64 or decode Base64 back to text. Supports Unicode, URL-safe Base64 and one-click copy.
Code Tabs
Multi-language tabbed code viewer with syntax highlighting. Show the same snippet in JavaScript, Python, PHP, and more.
Cron Builder
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Hash Generator from the Gutenberg inserter.