Internet Explorer 中的 tinymce 图标答案

【问题标题】：tinymce icons in internet explorerInternet Explorer 中的 tinymce 图标
【发布时间】：2012-12-10 10:02:36
【问题描述】：

我正在使用 TinyMCE，但图标的图像没有显示在 Internet Explorer 中。我已经检查了here 的讨论，但我已经正确地编写了必要的代码。

在使用 firefox 的 firebug 中，我可以检查 CSS，我确实看到图像 (img/icons.gif) 正在加载，所以它也必须在 IE 中加载，但工具栏仍然是空白的.如果我滚动工具栏，我会得到正确的工具提示，并且可以找出它是哪个按钮，这意味着 advacned 中的按钮正在工作。我认为问题出在 CSS 上。

我正在使用最新的 jQuery 版本的 TinyMCE，并运行 IE9。当我在 IE9 的兼容性视图中尝试它时，它确实显示了图标。

是否有任何特定的 CSS 需要针对 IE9 进行调整？

【问题讨论】：

您的 IE 显示哪种 DOCTYPE？页面加载时使用哪个渲染引擎，无需手动切换渲染模式？
我对渲染引擎不太熟悉，怎么可能我检查正在使用哪个引擎？
我的问题不是，你插入了哪个 DOCTYPE，但 IE 实际看到的是哪个。打开 IE developer tolls 并查看它使用哪个引擎（IE7、IE8、IE9？）。
好的，我已经重新检查过了——无论我看到哪个“浏览器模式”页面，只有在我使用“文档模式”IE7 时才会显示图像。
您使用的是响应式布局吗？你可能想试试这个。 .mceEditor img { max-width: none; }

标签： css internet-explorer icons tinymce

【解决方案1】：

您使用的是响应式布局吗？如果是这样，试试这个：

.mceEditor img {
 max-width: none;
}

【讨论】：

【解决方案2】：

在我的情况下，原因是 IE-Security-Settings 中的阻止下载字体。 (IE -> Internet Options -> tab 'security' ) 这里是德语 IE 的设置截图：

如果您无法更改安全设置，您可以找到建议here in TinyMce UserGroup 使用不使用字体的皮肤。你可以下载皮肤'lightgraynofonts'here。将 zip 文件解压缩到目录 /tinymce/skins/lightgraynofonts 并像这样初始化 tinymce 编辑器：

                tinyMCE.init({
                            selector: ideditor,
                            theme: "modern",
                            skin: "lightgraynofonts",** ...

【讨论】：