Question

TinyMCE有这个易于使用的代码，但我看不到IE9中的工具栏图标（imgs似乎没有加载它。）

<html>
      <head><!-- CDN hosted by Cachefly -->
         <script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
         <script>        tinymce.init({selector:'textarea'});</script>
      </head>
      <body>
            <textarea>Your content here.</textarea>
      </body>
</html>

我见过这个类似的帖子（tinymce icons in internet explorer），但这个建议对我没什么影响。

我尝试将浏览器置于不同模式，没有任何效果。我在IE中看到它工作的唯一一次是在EditPlus嵌入式浏览器中，但我不确切知道它是什么。

在Chrome中很好用。

EDIT-在直接加载文件时可以在IE中工作，例如。 C：\的Inetpub \ wwwroot的\ tiny.html

感谢。

Answer 1

TinyMCE 4使用包含所有图标的webfont。在使用标题Access-Control-Allow-Origin: *

加载字体时，请确保它们已加载并允许跨源

Answer 2

使用IE检查的一件事是字体下载安全设置。如果设置设置为“禁用”，则不会显示Web字体图标，因为无法下载字体。单击“Internet选项”对话框的“安全”选项卡上的“自定义级别...”按钮可以找到该设置，该对话框可以在“工具”＆gt;中找到。互联网选项。

Answer 3

当我检查工具栏图标时：我发现它们是网络字体

<i class="mce-ico mce-i-bold"></i>

像这样代表大胆。这意味着正确地说TINYMCE正在使用工具栏的Web字体，这些字体没有显示出来。

在IE 9和以前版本的Chrome上，有一些问题可以解决相同的问题。这是链接

Fontawesome Icons not working on IE9 and Chrome

说：

对于下面给出的示例，假设文档位于http://example.com/page.html，并且所有URL链接到用户代理支持的有效字体资源。将加载使用下面的'src'描述符值定义的字体：

/* same origin (i.e. domain, scheme, port match document) */
src: url(fonts/simple.woff);

/* data url's with no redirects are treated as same origin */
src: url("data:application/font-woff;base64,...");

/* cross origin, different domain */
/* Access-Control-Allow-Origin response header set to '*' */
src: url(http://another.example.com/fonts/simple.woff);

使用下面的'src'描述符值定义的字体将无法加载：

 /* cross origin, different scheme */
 /* no Access-Control-xxx headers in response */
 src: url(https://example.com/fonts/simple.woff);

/* cross origin, different domain */
/* no Access-Control-xxx headers in response */
src: url(http://another.example.com/fonts/simple.woff);

正如github https://github.com/tinymce/tinymce/tree/master/js/tinymce/skins/lightgray/fonts所见，他们正在使用icomoon字体。因此，下载这些并在您自己的服务器上使用。希望它能解决目的。

TinyMCE 4在IE9中没有显示工具栏图标（任何模式）

3 个答案: