Discussion :

[Sayrus]

Bonjour,

J'utilise un plugin qui permet d'ajouter, modifier, supprimer, cropper, etc. des images : "Imanager"

Ce plugin est censé être utilisé pour les editeurs WYSIWYG tels que tinymce, fck editor, etc.

Une fois le plugin lancé, il y a un bouton "INSERT" qui permet de faire l'ajout de l'image sélectionner dans l'éditeur WYSIWYG.

Cette fonction JS est la suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
 
	function insertImage() {
		var formObj = document.forms[0];
		var args = {};
		//-------------------------------------------------------------------------		
		if ('<?php echo $mode; ?>' == 2) { // standalone mode - image will be saved to local file										
			if (formObj.pr_src.value == '') { // no valid picture has been selected				
				alert('<?php echo $l->m('er_001') . ': ' . $l->m('er_002'); ?>');
				return;
			}
			updatePreview(2);
			return;  
		}
		//-------------------------------------------------------------------------
		// determine active menu
		var x = document.getElementById('menuBarDiv').getElementsByTagName('li');
		for (var i = 0; i < x.length; i++) {
			if (x[i].className == 'btnDown') {
				if (x[i].id == 'mbtn_po') { // popup mode
					if(formObj.chkP.checked) {								
						args.action = 2; // delete popup link
					} else { // create / edit link to popup image
						args.action    = 1; 
						args.popUrl    = '<?php echo $cfg['pop_url']; ?>'; // link to popup.php						
						args.popSrc    = (formObj.popSrc.value)   ? (formObj.popSrc.value)   : '';						
						args.popTitle  = (formObj.popTitle.value) ? (formObj.popTitle.value) : '';
						args.popTxt    = '<?php echo $l->m('in_036'); ?>';
						if (formObj.popClassName.selectedIndex > 0) { // if class style is selected
							args.popClassName = (formObj.popClassName.options[formObj.popClassName.selectedIndex].value) ? (formObj.popClassName.options[formObj.popClassName.selectedIndex].value) : '';
						}
						args.caption = formObj.pr_chkCaption.checked ? formObj.pr_chkCaption.value : '';  																		
					}								
				}
			}
		}
		//-------------------------------------------------------------------------
		// check if valid image is selected
		if (!args.action) { // if not popup	mode, check whether there is a valid image selected		
			if (formObj.pr_src.value == '') { // no valid picture has been selected				
				alert('<?php echo $l->m('er_001') . ': ' . $l->m('er_002'); ?>');
				return;
			}
			//-------------------------------------------------------------------------
			// destination check
			if (formObj.chk_oFile.checked == false) { 		// render image to dynamic thumbnail					
				args.src    = updatePreview(1);											
				args.width  = (formObj.rs_width.value)  ? (formObj.rs_width.value)  : '';
				args.height = (formObj.rs_height.value) ? (formObj.rs_height.value) : '';					
			} else if (formObj.chk_oFile.checked == true) { // render image to file						
				args.src 	= (formObj.pr_src.value)    ? (formObj.pr_src.value)    : '';									
				args.width  = (formObj.pr_width.value)  ? (formObj.pr_width.value)  : '';
				args.height = (formObj.pr_height.value) ? (formObj.pr_height.value) : '';					
			}
			//-------------------------------------------------------------------------
			if ('<?php echo $cfg['furl']; ?>' == true) { // create full url incl. e.g. http://localhost....
				args.src = '<?php echo $cfg['base_url']; ?>' + args.src;
			}
 
			args.align 	= (formObj.pr_align.value)  ? (formObj.pr_align.value)  : '';
			args.border	= (formObj.pr_border.value) ? (formObj.pr_border.value) : '';				
			args.alt 	= (formObj.pr_alt.value)    ? (formObj.pr_alt.value)    : '';
			args.title 	= (formObj.pr_title.value)  ? (formObj.pr_title.value)  : '';
			args.hspace = (formObj.pr_hspace.value) ? (formObj.pr_hspace.value) : '';
			args.vspace = (formObj.pr_vspace.value) ? (formObj.pr_vspace.value) : '';
			if (formObj.pr_class.selectedIndex > 0) {
				args.className = (formObj.pr_class.options[formObj.pr_class.selectedIndex].value) ? (formObj.pr_class.options[formObj.pr_class.selectedIndex].value) : '';
			}
			// caption parameters
			args.caption = formObj.pr_chkCaption.checked ? formObj.pr_chkCaption.value : '';
			args.captionClass = (formObj.pr_captionClass.options[formObj.pr_captionClass.selectedIndex].value) ? (formObj.pr_captionClass.options[formObj.pr_captionClass.selectedIndex].value) : '';
		} else { // check whether there is valid popup image
			if (formObj.popSrc.value == '') { // no valid picture has been selected				
				alert('<?php echo $l->m('er_001') . ': ' . $l->m('er_002'); ?>');
				return;
			}
		}		
 
		//-------------------------------------------------------------------------	
		// save image to wysiwyg editor and close window
		window.returnValue = args;
		window.close();				
 
		if (iManager.isGecko) { // Gecko				
			<?php                                   
                                if (!empty($_GET['callback'])) {                                        
                                        echo "opener." . $_GET['callback'] . "('" . $_GET['editor']. "',this);\n";
                                };
                        ?>	
		}	
	}

J'aimerais svp un coup de main de votre part pour modifier le script de manière ç ce que l'image sélectionné s'ajouter dans l'éditeur WIYSIWYG.


celui-ci porte l'id "content".

Donc il faudrait retourner le résultat dans "content", mais c'est là que je bloque


Merci

[Sayrus]

Personne pour m'aider?

Je me suis peut-être mal expliqué...

En fait, dans tinymce, on peut ajouter des plugins. Ces plugins une fois ajoutés apparaissent généralement dans la barre d'outils de l'éditeur. Lorsque l'on clique sur l'icone "imanager" dans la barre d'outils, le popup s'ouvre bien, on choisi en gros son image, on clique sur "insert" et l'image apparait dans l'éditeur.

Seulement, j'aimerais faire exactement la meme chose, mais à la manière de joomla. C'est-à-dire, avoir en bas en dehors de l'éditeur, un lien. Lorsque je clique sur ce lien "imanager" s'ouvre bien.

Seulement, je ne sais pas comment modifier la fonction insert ci-dessus, pour que le retour se fasse dans la textarea.

Merci