TinyMCE init function not working on IE with some settings.. why?

I am using this settings to init my tinyMCE
but unfortunelty its not working on IE…


	var config = {
		settings : {
			mode : "textareas",
			theme : "advanced",
			paste_auto_cleanup_on_paste : true,
			language : "en",
			directionality : "ltr",
			gecko_spellcheck : true,
			width : '100%',
			height : '300',
			button_tile_map : true,
			entity_encoding : "named",
			verify_html : true,
			convert_urls: false,
			relative_urls: false,
			force_br_newlines : false,
			force_p_newlines : false,
			remove_linebreaks : false,
			theme_advanced_resizing : true,
			theme_advanced_statusbar_location : 'bottom',
			theme_advanced_path : false,
			theme_advanced_resize_horizontal : false,
			plugins : "safari,table,emotions,inlinepopups,media,paste,directionality,fullscreen,xhtmlxtras,template,dexmedia",
			theme_advanced_buttons1 : "fontselect,fontsizeselect,|,insertImage,insertAudio, insertVideo",
			theme_advanced_buttons2 : "bold,italic,underline,|,forecolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,ltr,rtl,|,bullist,numlist,|,outdent,indent,|,link,unlink",
			theme_advanced_buttons3 : "",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_resizing : true,
			verify_css_classes:true,
			cleanup_callback : this.custom_cleanup,
			entity_encoding : "named",
			valid_elements : ""
				+"a[dir<ltr?rtl|href|id|style|target],"
				+"abbr[dir<ltr?rtl|style],"
				+"acronym[dir<ltr?rtl|id|style|title],"
				+"address[align|dir<ltr?rtl|style|title],"
				+"big[class|dir<ltr?rtl|lang|style|title],"
				+"blockquote[cite|class|dir<ltr?rtl|style|title],"
				+"br[class|style|title],"
				+"caption[class|dir<ltr?rtl|style|title],"
				+"cite[class|dir<ltr?rtl|style|title],"
				+"code[class|dir<ltr?rtl|style|title],"
				+"dd[class|dir<ltr?rtl|style|title],"
				+"del[cite|class|datetime|dir<ltr?rtl|style|title],"
				+"dfn[class|dir<ltr?rtl|style|title],"
				+"div[class|dir<ltr?rtl|style|title],"
				+"dl[class|compact<compact|dir<ltr?rtl|style|title],"
				+"dt[class|dir<ltr?rtl|id|lang|style|title],"
				+"em/i[class|dir<ltr?rtl|style|title],"
				+"h1[class|dir<ltr?rtl|style|title],"
				+"h2[class|dir<ltr?rtl|style|title],"
				+"h3[class|dir<ltr?rtl|style|title],"
				+"h4[class|dir<ltr?rtl|style|title],"
				+"h5[class|dir<ltr?rtl|style|title],"
				+"h6[class|dir<ltr?rtl|style|title],"
				+"img[alt=''|class|dir<ltr?rtl|height|width|name|src|style|title],"
				+"ins[cite|class|datetime|dir<ltr?rtl|style|title],"
				+"li[class|dir<ltr?rtl|style|title|type|value],"
				+"ol[class|dir<ltr?rtl|style|title|type],"
				+"-p[class|dir<ltr?rtl|style|title],"
				+"pre[align|class|dir<ltr?rtl|id|lang|style|title|width],"
				+"s[class|dir<ltr?rtl|style|title],"
				+"small[class|dir<ltr?rtl|style|title],"
				+"span[class|dir<ltr?rtl|style|title],"
				+"strike[class|class|dir<ltr?rtl|style|title],"
				+"strong/b[class|dir<ltr?rtl|style|title],"
				+"sub[class|dir<ltr?rtl|style|title],"
				+"sup[class|dir<ltr?rtl|style|title],"
				+"u[class|dir<ltr?rtl|style|title],"
				+"ul[class|compact<compact|dir<ltr?rtl|style|title|type],"
				+"table[align<center?left?right|border|cellpadding|cellspacing|class|dir<ltr?rtl|height|style|width],"
				+"td[align<center?char?justify?left?right|class|colspan|dir<ltr?rtl|height|rowspan|style|valign<baseline?bottom?middle?top|width],"
				+"th[align<center?char?justify?left?right|class|colspan|dir<ltr?rtl|height|nowrap<nowrap|rowspan|scope<col?colgroup?row?rowgroup|style|valign<baseline?bottom?middle?top|width],"
				+"tr[align<center?char?justify?left?right|class|rowspan|dir<ltr?rtl|style|valign<baseline?bottom?middle?top]"
		},
		init : function(){
			tinyMCE.init(this.settings);
		}

its working great on FireFox and Chrome
but on IE im getting this error:

editor.js, line 94 character 4
HTML1115: X-UA-Compatible META tag ('IE=7') ignored because document mode is already finalized. 
forums
SCRIPT5: Access is denied.

line 94 is the init function… and when im using the init function without the settings then its working on explorer too :S
tinyMCE.init( );
what am i doing wrong?

When I tried this in IE9, it seemed to work. I still got the “X-UA-Compatible META tag” error, but it wasn’t really an error, it was a warning, and tinyMCE still did its thing. So…

  • What version of IE are you testing?
  • What does your HTML look like?
  • Are you aware that you have two “theme_advanced_resizing” properties in the settings object?
  • What’s the “dexmedia” plugin?

Regarding that last point, you have the “plugins” property set to the following string:


"safari,table,emotions,inlinepopups,media,paste,directionality,fullscreen,xhtmlxtras,template,dexmedia"

There was no dexmedia plugin included with tinyMCE version 3.4.7. I looked for it, but couldn’t find it. So I just took it out of that string. Maybe there’s something going on in that plugin that IE doesn’t like?