HtmlEditor并使用Midas命令增加/减少字体大小

Question

在尝试将ExtJs HtmlEditor集成到我们的项目中时，我遇到了一些跨浏览器的奇怪现象：

如果您在Firefox3.6中减小/增加字体大小，它会将所选文本包装在带有尺寸属性的标签中（例如“访客”）。如果您在Chrome6或Safari4中执行相同操作，则会将其包装为带有'style = font-size ...'属性的标记（例如'visitor'）。因此，一旦您在Firefox中更改字体大小，您将无法在Safari或Chrome中修改它，反之亦然。

这是由浏览器的Midas引擎完成的（如下所示：http://www.mozilla.org/editor/midas-spec.html）。实现调用：

document.execCommand('FontSize', false, value); // value is the font size as a numeric value

所以，我无法改变它。我正准备编写自己的字体大小更改器实现，但在我走下路线后，我认识到这将是一个相当复杂的实现。

还有其他人遇到过这个问题吗？这个有什么好的解决方案吗？

Answer 1

只要您将源保存在服务器上的某个地方，我建议您按原样保留编辑器。

在服务器端，您通常会验证源，因此验证将是将源转换为唯一样式的好时机。