TinyMCE 4在IE9(任何模式）中不显示工具栏图标

TinyMCE 4 not showing toolbar icons in IE9 (any mode)

本文关键字：显示 工具栏 图标 模式 IE9 任何 TinyMCE      更新时间：2023-09-26

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>

我看过这个类似的帖子（Internet Explorer中的tinymce图标），但建议对我来说没有区别。

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

在Chrome中运行良好。

编辑 - 当文件直接加载时，在IE中确实有效，例如。C：''inetpub''wwwroot''tiny.html

谢谢。

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

TinyMCE 4使用包含所有图标的Web字体。确保它们已加载，并且在加载带有标题的字体时允许跨源Access-Control-Allow-Origin: *

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

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

像这样代表大胆。这意味着正如正确所说，TINYMCE正在使用Web字体作为工具栏，而这些字体没有显示。

有一些问题可以回答IE 9和以前版本的chrome上的相同问题。这是链接

Fontawesome 图标在 IE9 和 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字体。因此，请下载这些并在您自己的服务器上使用。希望它能解决目的。

相关文章：