ACP2E-4797: Admin WYSIWYG editor and Page Builder block 4-byte Unicode characters when utf8mb4 is supported
The ACP2E-4797 patch fixes the issue where entering 4-byte Unicode characters in the WYSIWYG editor or Page Builder content in the Admin is incorrectly blocked even when the database is configured to support utf8mb4. This patch is available when the Quality Patches Tool (QPT) 1.1.82 is installed. The patch ID is ACP2E-4797. Please note that this issue is scheduled to be fixed in Adobe Commerce 2.4.10.
Affected products and versions
The patch is created for Adobe Commerce version:
- Adobe Commerce (all deployment methods) 2.4.8-p4
Compatible with Adobe Commerce versions:
- Adobe Commerce (all deployment methods) 2.4.8 - 2.4.8-p5
magento/quality-patches package to the latest version and check the compatibility on the Quality Patches Tool: Search for patches page. Use the patch ID as a search keyword to locate the patch.Issue
You cannot save 4-byte Unicode characters in the Admin WYSIWYG editor or Page Builder, even when the database is configured to support utf8mb4.
Prerequisites:
- WYSIWYG is enabled.
- Page Builder is enabled.
- The database is configured to support utf8mb4.
Steps to reproduce:
- Log in to the Admin.
- Go to Content > Elements > Blocks.
- Click Add New Block, or open an existing block in edit mode.
- In the Content section, enter these emojis in the editor: 🔵⚪🔴.
- To reproduce the issue in Page Builder, select Edit with Page Builder. If needed, drag Text from Elements to the stage, open the Text content type settings, and enter these emojis in the editor: 🔵⚪🔴.
- Save the Page Builder changes. If Page Builder is open in full-screen mode, close full-screen to return to the block form. Then click the Save arrow and choose Save & Close.
Expected results:
The block saves successfully, and the emoji content remains in the saved content.
Actual results:
An error message Please remove invalid characters displays.
Apply the patch
To apply individual patches, use the following links depending on your deployment method:
- Adobe Commerce or Magento Open Source on-premises: Quality Patches Tool > Usage in the Quality Patches Tool guide
- Adobe Commerce on cloud infrastructure: Upgrades and Patches > Apply Patches in the Commerce on Cloud Infrastructure guide
Related reading
To learn more about Quality Patches Tool, refer to:
- Quality Patches Tool: A self-service tool for quality patches in the Tools guide