logo标签列表

TinyMCE 4在IE9（任何模式下）中无法显示工具栏图标

javascriptinternet-explorertinymcetinymce-4
3
TinyMCE有这个易于使用的代码，但我不能在IE9中看到工具栏图标（似乎图片没有加载）。
<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），但是那个建议对我没有任何帮助。
我尝试了将浏览器放置在不同的模式下，但是没有起作用。我只有在EditPlus嵌入式浏览器中看到它在IE中工作，但我不知道那是什么。
在Chrome中运行得很好。
编辑-当文件直接加载时，在IE中可以正常工作，例如C:\inetpub\wwwroot\tiny.html
谢谢。
图片好像没有加载。你在 JavaScript 控制台中看到相关的消息吗？ - Boris Zagoruiko
@GlenSwift 控制台没有任何东西，我甚至找不到应该在 F12 中指定图像的位置，只有像这样的标记，样式中没有指定任何图像 <div id="mce_4" class="mce-widget mce-btn mce-last" role="button" tabIndex="-1" aria-labeledby="mce_4" aria-label="Italic"><button role="presentation" tabIndex="-1" type="button"><i class="mce-ico mce-i-italic"></i></button></div>。 - Jim W says reinstate Monica
3个回答
2

在使用IE浏览器时需要检查字体下载安全设置。如果设置为“禁用”，则无法下载字体，因此无法显示网页字体图标。可以通过单击Internet选项对话框上的安全选项卡上的“自定义级别...”按钮找到此设置，该对话框可以在“工具”>“Internet选项”下访问。

就是这样 - 不知道IE11的默认设置是什么，但这就是问题所在。谢谢。 - Jim W says reinstate Monica
2

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

听起来很有希望，我将该标题添加到我的ASPX页面的响应中（并验证它是否传递到浏览器），但没有任何变化，我发现EOT文件根本没有被请求。而当我从文件系统加载页面时，确实会请求EOT文件。也许这只是tinymce中的一个错误。 - Jim W says reinstate Monica
0

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

<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 字体。因此，请下载这些字体并在自己的服务器上使用。希望它能解决问题。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接