CODEWITHSUNDEEP
htmlcssinternet-explorerfirefoxtinymce
Michael Tot Korsgaard
Michael Tot Korsgaard

Reputation: 4014

TinyMCE wont show on Firefox, works in IE9

I'm using TinyMCE version 4.0.6 and it works fine in IE9 but in Firefox it shows nothing, not even the textarea it's connected to.

My code is like this:

<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>

The CSS:

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

Upvotes: 0

Views: 433

Answers (1)

Jeff Escalante
Jeff Escalante

Reputation: 3167

It turns out the issue here was with a TinyMCE plugin called MoxieManager, which was not loaded correctly and was causing issues across browsers. When this was removed, it began working across all browsers.

Here's a jsfiddle reproduction of OP's setup that works: http://jsfiddle.net/4VZZU

And here's the modified plugins array:

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"
        ],

Upvotes: 1

Related Questions