TinyMCE 4 не отображает значки панели инструментов в IE9 (в любом режиме)

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 в Internet Explorer), но совет не имело значения для меня.

Пробовал ставить браузер в разные режимы, ничего не помогло. Единственный раз, когда я видел, как это работает в IE, было во встроенном браузере EditPlus, но я точно не знаю, что это такое.

Хорошо работает в Хроме.

РЕДАКТИРОВАТЬ - работает в IE, когда файл загружается напрямую, например. C:\inetpub\wwwroot\tiny.html

Спасибо.


javascript internet-explorer tinymce tinymce-4
person Jim W says reinstate Monica    schedule 28.09.2013    source источник
comment
imgs не загружаются, кажется. Вы видите сообщения об этом в консоли javascript?   -  person Glen Swift    schedule 03.10.2013
comment
@GlenSwift в консоли ничего нет, и я даже не могу найти, где следует указать imgs в F12, просто разметка, подобная этой, без изображений, указанных в стиле ‹div id=mce_4 class=mce-widget mce-btn mce-last роль=кнопка tabIndex=-1 aria-labeledby=mce_4 aria-label=курсив›‹кнопка роль=презентация tabIndex=-1 тип=кнопка›‹i class=mce-ico mce-i-italic›‹/i›‹/ кнопка›‹/дел›   -  person Jim W says reinstate Monica    schedule 03.10.2013

Ответы (3)


arrow_upward
2
arrow_downward

Одна вещь, которую нужно проверить в IE, — это настройка безопасности загрузки шрифтов. Если для параметра установлено значение «Отключить», значки веб-шрифтов не будут отображаться, поскольку шрифт невозможно загрузить. Этот параметр можно найти, нажав кнопку «Пользовательский уровень...» на вкладке «Безопасность» диалогового окна «Свойства обозревателя», доступ к которому можно получить в разделе «Инструменты» > «Свойства обозревателя».

person user2118400    schedule 03.04.2014
comment
Вот и все - не знаю, что такое по умолчанию для IE11, но здесь была проблема. Спасибо - person Jim W says reinstate Monica; 03.04.2014

arrow_upward
2
arrow_downward

TinyMCE 4 использует веб-шрифт, содержащий все значки. Убедитесь, что они загружены и что вы разрешаете кросс-происхождение при загрузке шрифта с заголовком Access-Control-Allow-Origin: *

person Christoffer Bubach    schedule 03.10.2013
comment
Звучало многообещающе, я добавил этот заголовок в respibse моей страницы ASPX (и проверил, что он попадает в браузер), но это не имело никакого значения, и я обнаружил, что файл eot вообще не запрашивается. Принимая во внимание, что когда я загружал страницу из файловой системы, она запрашивала файл eot. Возможно, это просто ошибка в tinymce. - person Jim W says reinstate Monica; 04.10.2013

arrow_upward
0
arrow_downward

Когда я осмотрел значки панели инструментов: я обнаружил, что это веб-шрифты.

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

как это означает жирный шрифт. Это означает, как правильно сказано, что TINYMCE использует веб-шрифты для панели инструментов, которые не отображаются.

Есть несколько вопросов, которые отвечают на ту же проблему в 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. Итак, загрузите их и используйте на своем собственном сервере. Надеюсь, это решит задачу.

person Devesh Kumar    schedule 07.10.2013