TinyMCE не будет показываться на Firefox, работает в IE9

Question

TinyMCE не будет показываться на Firefox, работает в IE9

0

Я использую TinyMCE версии 4.0.6, и он отлично работает в IE9 но в Firefox он ничего не показывает, даже не связанную с ним textarea.

Мой код выглядит так:

<head>
    <link href="~/Styles/CSS/Layout.css" rel="stylesheet" />
    <script src="~/Scripts/Addons/TinyMCE/tinymce.min.js"></script>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

    <script type="text/javascript">
    tinymce.init({
        selector: "textarea",
        theme: "modern",
        plugins: [
            "advlist autolink lists link image charmap print preview hr anchor pagebreak",
            "searchreplace wordcount visualblocks visualchars code fullscreen",
            "insertdatetime media nonbreaking save table contextmenu directionality",
            "emoticons template paste textcolor moxiemanager"
        ],
        toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
        toolbar2: "print preview media | forecolor backcolor emoticons",
        image_advtab: true,
        templates: [
            { title: 'Test template 1', content: 'Test 1' },
            { title: 'Test template 2', content: 'Test 2' }
        ]
    });
    </script>
</head>
<body>
    <form action="" method="post">
         <textarea name="content" ></textarea>
    </form>
</body>

CSS:

textarea {
    width:100%;
    min-width:290px;
    height:100px;
}

Michael Tot Korsgaard 03 окт. 2013, в 20:42

Источник

1

Связанный, но не ответ на вопрос: Вам, вероятно, не следует использовать ~ для ссылки на файлы на веб-сайте. Используйте относительный путь от HTML-файла для достижения наилучших результатов.
Jeff Escalante 03 окт. 2013, в 18:40
1

Кроме того, вы получаете какие-либо ошибки в консоли javascript, или нет ошибок, и они просто не отображаются?
Jeff Escalante 03 окт. 2013, в 18:41
0

Никаких ошибок. Это просто не будет показывать в FF
Michael Tot Korsgaard 03 окт. 2013, в 18:47
1

У меня есть скрипка с вашим кодом, работающим в Chrome и Firefox. Единственное, что мне нужно было сделать, чтобы сделать эту работу, это удалить "moxiemanager", который вызывал ошибки: jsfiddle.net/4VZZU
Jeff Escalante 03 окт. 2013, в 18:54
0

Это исправило это. Спасибо
Michael Tot Korsgaard 03 окт. 2013, в 19:08
1

Здорово, рад, что это сработало! Я добавлю это как ответ, чтобы вы могли пометить это как решенное, если кто-то еще проверяет это.
Jeff Escalante 03 окт. 2013, в 19:26

Показать ещё 4 комментария

Теги:

html

css

internet-explorer

firefox

tinymce

1 ответ

Ещё вопросы

Связанный, но не ответ на вопрос: Вам, вероятно, не следует использовать ~ для ссылки на файлы на веб-сайте. Используйте относительный путь от HTML-файла для достижения наилучших результатов.
Кроме того, вы получаете какие-либо ошибки в консоли javascript, или нет ошибок, и они просто не отображаются?
Никаких ошибок. Это просто не будет показывать в FF
У меня есть скрипка с вашим кодом, работающим в Chrome и Firefox. Единственное, что мне нужно было сделать, чтобы сделать эту работу, это удалить "moxiemanager", который вызывал ошибки: jsfiddle.net/4VZZU
Здорово, рад, что это сработало! Я добавлю это как ответ, чтобы вы могли пометить это как решенное, если кто-то еще проверяет это.

Jeff Escalante · Accepted Answer · 2013-10-03T17-07-00.000Z

Оказывается, здесь проблема заключалась в использовании плагина TinyMCE под названием MoxieManager, который не был загружен правильно и вызывал проблемы в браузерах. Когда это было удалено, он начал работать во всех браузерах.

Здесь выполняется jsfiddle воспроизведение установки OP, которая работает: http://jsfiddle.net/4VZZU

И здесь измененный массив plugins:

plugins: [
            "advlist autolink lists link image charmap print preview hr anchor pagebreak",
            "searchreplace wordcount visualblocks visualchars code fullscreen",
            "insertdatetime media nonbreaking save table contextmenu directionality",
            "emoticons template paste textcolor"
        ],