Tinymce and IE8

JavaScript
1

Hi,

I have installed Tinymce and it works great in all browsers except IE8 where if fails to load the button menu nor will it render the rich text.

Tinymce version is 3.5.6

My int is


// PGF_tiny_mce JavaScript 
        // General options
    $().ready(function() {
        $('textarea.tinymce').tinymce({
            // Location of TinyMCE script
            script_url : 'scripts/tiny_mce/tiny_mce.js',


            // General options
            theme : "advanced",
            skin : "o2k7",
            skin_variant : "black",
            theme_advanced_resize_horizontal : false,
            plugins : "spellchecker,autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",


            // Theme options
            theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect,|,forecolor,backcolor,spellchecker,|,nonbreaking,charmap,|,print",
            theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,visualchars,pagebreak",
            theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,emotions,iespell,advhr,ltr,rtl,|,fullscreen",
            theme_advanced_buttons4 : ",insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_resizing : true,


            // Example content CSS (should be your site CSS)
            content_css : "../PGF_style.css",


            // Drop lists for link/image/media/template dialogs
            template_external_list_url : "lists/template_list.js",
            external_link_list_url : "lists/link_list.js",
            external_image_list_url : "lists/image_list.js",
            media_external_list_url : "lists/media_list.js",


            // Replace values for the template plugin
        });
    });

What do I need to do to get Internet Explorer to render Tinymce

Thanks a bunch,
Steve

2

found the problem, needed to remove the last comma in the code above. Funny cuz they state that in their example but don’t say why, well that is why.

also it conflicted with curvy.corners.trunk.js I removed it and all is well.

Hope this help someone else as this only took 24 hours to find :slight_smile:

Steve