Hwinote iCatch Editor
| 开发者 | hwinote |
|---|---|
| 更新时间 | 2026年7月28日 12:53 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Hwinote iCatch Editor adds a browser-based canvas editor to the WordPress administration screen. It can create and edit featured images, edit selected Image blocks, and edit images from the Media Library without using an external image-generation service.
Open the editor from
- The featured-image panel of a supported post type.
- A selected Image block in the Block Editor, when Image block integration is enabled.
- The detailed edit screen of an image in the Media Library.
- Image-size presets and custom canvas sizes up to 4000 x 4000 pixels.
- Background images from the current featured image, Media Library, or computer upload.
- Solid background color mode.
- Background zoom, position, brightness, contrast, saturation, and blur.
- Background behavior selection when the canvas size changes.
- Interactive background crop with free, 1:1, 4:3, and 16:9 ratios.
- Display-only preview zoom that does not change the saved image dimensions.
- Article-title text with drag, resize, rotation, font, color, outline, shadow, and arch controls.
- Horizontal and vertical text boxes.
- Custom font-name input with recently used fonts saved per user.
- Upload WOFF2, WOFF, TTF, or OTF font files for consistent same-site canvas rendering.
- Rectangles, circles, ellipses, arrows, straight lines, double lines, dashed lines, dotted lines, wavy lines, and arrowed lines.
- Speech bubbles with editable tails.
- Circled-number, circled-uppercase, and circled-lowercase marker tools with selectable start values.
- Add image layers from the Media Library, computer upload, or clipboard.
- Copy a rectangular, circular, or elliptical canvas area and paste it as a new image layer.
- Rectangle, rounded rectangle, circle, and ellipse display masks.
- Non-destructive image-layer crop with an independent crop aspect-ratio lock.
- Image border, corner radius, shadow, opacity, flip, position, size, and rotation controls.
- Image-size aspect-ratio lock that can be switched on or off independently from crop settings.
- Layer list with multiple selection.
- Group and ungroup selected elements.
- Duplicate a single layer or a complete group.
- Show, hide, lock, delete, bring forward, and send backward.
- Snapping and independently controlled guide lines.
- Undo and Redo history.
- Keyboard shortcuts and Escape-key priority handling.
- Reset actions for the full editor and individual editing areas.
- Pre-save checks and confirmation messages before saving or replacing media.
- Generated images are registered as WordPress Media Library attachments.
- WordPress attachment metadata and registered intermediate image sizes are regenerated after saving.
- Featured-image saves set the generated attachment as the post thumbnail.
- Image block editing can save a new attachment or directly replace the selected attachment.
- Saving an Image block as a new image keeps the original attachment. Update the post to retain the new attachment in the block.
- Direct replacement keeps the same attachment ID and updates the image file and metadata.
- Media Library editing can save a new attachment or replace the original JPEG, PNG, or WebP image.
- Direct replacement is unavailable for unsupported formats and source images wider or taller than 4000 pixels.
- Output can use PNG, JPEG, or the source format where supported.
- Desktop and tablet layouts are supported, including iPad and iPad Mini portrait and landscape orientations.
- Editor launch controls are hidden on smartphones because the full canvas workflow is designed for a larger screen.
- The source interface is English, and bundled Japanese translation files are included.
安装:
- Back up the site before updating an existing installation.
- Upload the plugin ZIP from Plugins > Add New > Upload Plugin, or upload the plugin folder to
/wp-content/plugins/. - Activate Hwinote iCatch Editor.
- Open Settings > Hwinote iCatch Editor to configure Image block integration, output format, JPEG quality, and font loading.
- For a featured image, open a supported post or page and use the Hwinote iCatch Editor panel.
- For an Image block, select the block and use the configured toolbar or sidebar action.
- For a Media Library image, open the image, choose “Edit more details,” and use “Edit this image.”
- Review the save method carefully before directly replacing an existing attachment.
屏幕截图:
常见问题:
Does the plugin require an external API or account?
No. The canvas editor runs in the browser and saves through WordPress Ajax. No external image-generation account is required.
Where can I open the editor?
You can open it from a featured-image panel, a selected Image block, or the detailed edit screen for a Media Library image.
Can I reopen a saved image with all layers intact?
No. The plugin saves a flattened image. Text, shapes, layers, crop settings, and history are not stored as an editable project.
Which image formats can be saved?
The configured output can use PNG, JPEG, or the source format where supported. Direct replacement supports JPEG, PNG, and WebP when the edited output uses the same supported format.
What is the difference between saving a new image and replacing the original?
Saving a new image creates a new Media Library attachment and leaves the original attachment unchanged. Direct replacement keeps the same attachment ID and changes every place where that attachment is used.
What happens when I save an edited Image block as a new image?
The original attachment remains in the Media Library. The selected block is changed to the new attachment in the current editor session. Update the post before closing it to retain that block change.
Can I replace the original Media Library image?
Yes. Choose “Replace the original image” in a supported editing mode. The attachment ID is retained, WordPress image sizes are regenerated, and the previous image cannot be restored by this plugin.
Why is direct replacement unavailable for some images?
Direct replacement is disabled for unsupported formats and for source images wider or taller than 4000 pixels. Saving as a new image remains available.
Why does an old image sometimes remain after replacement?
A browser, WordPress cache plugin, web server, reverse proxy, or CDN may still hold the previous image. Clear the relevant caches and reload the page.
Does WordPress generate thumbnails after saving?
Yes. The plugin regenerates attachment metadata so WordPress can create registered thumbnail, medium, large, and theme-defined image sizes.
Can I paste an image from the clipboard?
Yes. Use the Add image menu or Ctrl/Command + V while the editor is open, subject to browser clipboard support.
Does preview zoom change the saved image size?
No. Preview zoom changes only the on-screen display. The saved dimensions are controlled by the canvas-size settings.
Can I edit on a smartphone?
The launch controls are hidden on smartphones, including iPhone and Android phones. Tablets and desktop computers remain supported.
Is the plugin multilingual?
Yes. The source interface is English and Japanese translation files are bundled.
更新日志:
2.0.1
- Fixed preview zoom so canvases wider than the visible preview area can be scrolled horizontally as well as vertically.
- Kept smaller or fit-to-screen previews centered while allowing oversized previews to start at a reachable left edge.
- Corrected the README to clarify that clipboard paste is available for image layers, not for background images.
- Added optional Image block integration in the Block Editor, including toolbar and sidebar launch controls.
- Added Media Library attachment editing from the detailed image edit screen.
- Added two save methods where supported: create a new attachment or directly replace the existing attachment.
- Added safer direct replacement with format, dimension, permission, backup, metadata, and recovery checks.
- Added WordPress image-size regeneration and post-editor synchronization after attachment replacement.
- Added interactive background crop and non-destructive image-layer crop with independent aspect-ratio controls.
- Added Media Library and computer-upload sources for backgrounds, plus Media Library, computer-upload, and clipboard sources for image layers.
- Added image-layer masks, borders, corner radius, shadow, opacity, flip, rotation, and crop controls.
- Added rectangular, circular, and elliptical canvas-area copy and paste.
- Added multiple selection, grouping and ungrouping, complete-group duplication, visibility, locking, and layer ordering.
- Added snapping and independently controlled guide-line display.
- Added display-only preview zoom with fit, slider, percentage, and step controls in all supported editing modes.
- Expanded drawing tools, line styles, arrows, speech bubbles, text boxes, arch text, and circled marker tools.
- Added custom font names, recently used fonts, and same-site font-file upload for WOFF2, WOFF, TTF, and OTF.
- Improved Undo and Redo, reset behavior, inline text editing, keyboard shortcuts, Escape priority, selection frames, and hit testing.
- Added pre-save validation and clear warnings for new-image saving and irreversible direct replacement.
- Improved responsive desktop and tablet layouts, including iPad and iPad Mini orientations.
- Improved English and Japanese localization and removed mixed-language interface labels.
- Consolidated and audited the JavaScript structure into 12 role-based module files without changing the established settings-panel order.
- Removed verified unused code and completed syntax, dependency, API, authorization-entry, and package-integrity audits.
- Fixed saving an edited Image block as a new attachment so the selected block reliably switches to the new attachment without repeated old/new preview flicker.
- Fixed the pre-save check layout on shorter viewports so its action buttons remain fully accessible.
- Isolated Image block canvas dimensions from featured-image editing so switching editing targets restores the correct workspace size.
- Synchronized the bundled Japanese PO/MO files and translation template with the final 2.0.0 source strings.
- Added Media Library image selection for backgrounds.
- Added Media Library image layers.
- Added circled marker tools for numbers, uppercase letters, and lowercase letters with selectable start values.
- Added background resize behavior options when changing the canvas size.
- Improved preview scaling and Japanese labels.
- Added custom font names with recently used fonts saved per user.
- Added custom font support for title text, text boxes, and speech bubbles.
- Added an adjustable arch text style for title text and text boxes.
- Fixed fill opacity behavior and improved asset cache busting.
- Added generated image filenames using the
icatch-{post_id}-{timestamp}.pngpattern. - Added wavy-line height and width controls.
- Renamed the plugin to Hwinote iCatch Editor and updated the plugin slug, text domain, files, prefixes, and Ajax hooks.
- Improved toolbar icons, compatibility metadata, request sanitization, and translated modal output.
- Changed the source interface to English and added Japanese translation files.
- Localized PHP and JavaScript interface strings.
- Expanded the modal editor with shapes, lines, text boxes, speech bubbles, image layers, layer operations, snapping, guides, reset actions, and Undo and Redo.
- Added image-size presets, custom canvas sizes, title styling, drag positioning, resizing, rotation, and Media Library attachment saving.
- Initial release.