HTMLEditor和使用Midas命令增加/减少字体大小

Question

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

如果您在Firefox3.6中减小/增大字体大小，则会将所选文本包装在带有大小属性​​的''标签中（例如'visitor'）。 如果您在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

只要您将源代码保存在服务器上的某个位置，我建议您保持编辑器不变。

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