Magento2中tinyMCE编辑器字体大小选择器缺失问题解析

问题背景

在Magento 2.4.5-p10版本中，当用户使用tinyMCE编辑器时，发现字体大小选择器(Font Size Selector)从工具栏中消失了。这个问题源于Magento安全更新中将tinyMCE从v5版本升级到了v7版本，而新版本中某些配置项名称发生了变化。

技术原因分析

tinyMCE在v6版本中进行了多项重命名调整，其中影响字体大小选择器的关键变化是：

• 旧版本(v5)使用fontsizeselect配置项
• 新版本(v6/v7)改用fontsize或fontsizeinput配置项

Magento系统中存在两处相关配置：

1. 页面构建器模块中的默认配置提供器
2. 后台表单元素模板中的tinyMCE初始化配置

由于版本升级后未同步更新这些配置项名称，导致字体大小选择器功能无法正常显示。

解决方案

对于这个问题，社区提供了几种解决方案：

1. 官方补丁方案
   Adobe发布了ACSD-62755补丁专门修复此问题，适用于标准CMS编辑器场景。

2. 手动修改方案
   对于使用页面构建器(PageBuilder)的情况，需要修改默认配置提供器的代码：

   // 修改前
   'toolbar' => 'undo redo | styles | fontsizeselect | lineheight | forecolor backcolor ' .
   
   // 修改后
   'toolbar' => 'undo redo | styles | fontfamily fontsizeinput | lineheight | forecolor backcolor ' .
   

3. 综合解决方案
   对于同时使用CMS编辑器和页面构建器的环境，建议同时应用官方补丁和手动修改，以确保所有场景下都能正常显示字体大小选择器。

技术影响范围

这个问题主要影响以下功能场景：

• 后台CMS页面/区块的内容编辑
• 产品描述的富文本编辑
• 页面构建器中的文本元素编辑
• 任何使用tinyMCE作为富文本编辑器的自定义模块

最佳实践建议

1. 版本兼容性检查
   在升级Magento或应用安全补丁时，应检查所有依赖的第三方库的版本变更说明，特别是像tinyMCE这样的重要前端组件。

2. 自定义模块开发
   开发自定义模块时，如果集成富文本编辑器，建议直接使用最新版本的tinyMCE配置语法，避免未来升级时出现类似问题。

3. 测试策略
   在应用此类修复后，应全面测试所有富文本编辑场景，包括但不限于：

   • 基本文本格式设置
   • 字体和大小调整
   • 颜色选择
   • 列表和表格功能

总结

Magento系统中tinyMCE编辑器字体大小选择器缺失问题是一个典型的版本升级兼容性问题。通过理解tinyMCE版本间的配置差异，开发者可以快速定位并解决问题。对于Magento维护者来说，这提醒我们在升级依赖库时需要全面检查其变更说明，并及时更新相关配置。