11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
je désire rajouté ibrowser à tinyMCE, mais une fois que je rajouté le code pour faire apparait le bouton pour upload les images, toute la console disparait.

J’ai fait ainsi:

tinyMCE.init({
	// General options
	mode : "textareas",
	theme : "advanced",
	plugins : "safari,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,wordcount",

	// Theme options
	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,<gras>ibrowser</gras>,fontsizeselect",
	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,|,forecolor,backcolor",
	theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
	theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
	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 : "css/content.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
	template_replace_values : {
		username : "Some User",
		staffid : "991234"
	}
	
	/** ICI !!!!!!!!!  **/
	
	setup : function(ed)	{
								// Commande d'ouverture de IBrowser
								ed.addCommand('mceIBrowser', function() {
																			// Internal image object like a flash placeholder
																			if(ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)
																				return;
																var url = "../js/tiny_mce/plugins/ibrowser";
																			ed.windowManager.open(	{
																										file : url + '/ibrowser.php',
																										//width : 480 + parseInt(ed.getLang('ibrowser.delta_width', 0)),
																										//height : 385 + parseInt(ed.getLang('ibrowser.delta_height', 0)),
																										width : 700 ,
																										height : 500 ,
																										inline : 1
																									},
																									{
																										plugin_url : url
																									}
																								  );
																		});
									
								// Bouton de chargement des iamges
								ed.addButton('ibrowser',{
															title : 'Add image',
															image : '../img/forum/img_in.gif',
															cmd : 'mceIBrowser'
														}
											);
							}		

});



le code d'origine:

<script type="text/javascript">
		tinyMCE.init({
			// General options
			mode : "textareas",
			theme : "advanced",
			plugins : "safari,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,wordcount",

			// Theme options
			theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,<gras>ibrowser</gras>,fontsizeselect",
			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,|,forecolor,backcolor",
			theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
			theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
			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 : "css/content.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
			template_replace_values : {
				username : "Some User",
				staffid : "991234"
			}
		});
	</script>




Si quelqu’un peu m’aidé, je dis merci d’avance.
Modifié par Elkana (18 Sep 2009 - 20:35)
Hoï !

Il manque une virgule après le bloc template_replace_values :

template_replace_values : { 
        username : "Some User", 
        staffid : "991234" 
    },

Note la virgule après le }.

Si t'as Firefox, utilise FireBug, qui t'indiquera ce genre d'erreurs et te permettera de débugger les JS Smiley smile