SunEditor 字体大小转换问题的技术解析与解决方案

问题背景

在SunEditor富文本编辑器项目中，用户报告了一个关于字体大小显示的异常现象：当用户在编辑器中设置字体大小为10pt时，虽然HTML源代码中正确显示了"font-size: 10pt"属性，但在编辑器的工具栏中却显示为9pt。这个不一致性会影响用户体验，特别是对于需要精确控制字体大小的用户。

技术原理分析

这个问题源于SunEditor核心代码中的字体大小转换机制。编辑器内部需要处理不同单位(px, pt, em等)之间的转换，以保持界面显示的一致性。具体问题出现在convertFontSize函数中，该函数负责在不同单位间进行转换计算。

问题根源

通过分析源代码，我们发现转换过程采用了以下计算步骤：

1. 首先将pt值乘以1.333(这是pt到px的标准转换系数)并进行四舍五入
2. 然后将结果除以1.333并使用math.floor向下取整
3. 最后附加单位后缀

对于10pt的转换：

• 10 × 1.333 = 13.33 → 四舍五入为13
• 13 ÷ 1.333 ≈ 9.75 → 向下取整为9

这种计算方式导致了10pt被错误地显示为9pt。

解决方案

经过技术分析，最简单的修复方案是将math.floor改为math.round，即使用四舍五入而非向下取整。这样：

13 ÷ 1.333 ≈ 9.75 → 四舍五入为10

修改后的代码行为：

return math.round(pxSize / 1.333) + to;

这个修改保持了计算逻辑的对称性，确保了pt值在转换前后保持一致。

技术影响评估

这种修改不会对编辑器其他功能产生负面影响，因为：

1. 它只影响显示值，不影响实际渲染效果
2. 保持了转换系数的标准性(1pt = 1.333px)
3. 四舍五入比向下取整更能准确反映用户意图

开发者建议

对于遇到类似单位转换问题的开发者，建议：

1. 确保转换系数的准确性
2. 考虑使用对称的转换方法(如都使用四舍五入)
3. 在涉及显示值时，优先考虑用户直观感受而非纯数学计算

这个问题已在SunEditor 2.47.6版本中得到修复，用户可以通过升级到最新版本来解决这个问题。