在尝试将 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
所以,我无法改变它。我正要编写自己的字体大小更改器实现,但在我沿着这条路线走之后,我意识到那将是一个相当复杂的实现。
有没有其他人遇到过这个问题?这个有什么好的解决方案吗?