Discussion :

[khaled_s]

Bonjour,
J'aimerai comme indiqué dans le titre, rajouter un bouton dans mon htmlEditor pour uploader des images dans un répertoire et insérer la balise image dans mon texte ensuite.
J'utilise l’exemple suivant mais mon bouton n'apparait pas.

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
 
 
Ext.onReady(function (){
	Ext.ns('Ext.ux.form.HtmlEditor');
 
	var w = new Ext.Window({
		width: 860,
		layout: 'fit',
		items: [
			    {  
				fieldLabel: 'Description',  
				name: 'description',  
				value: 'bwah bwah',  
				anchor: '100%',  
				id:'monHtmlEditor',
				xtype: "htmleditor",  
				height: 400,  
				listeners:{
					afterrender:function(){						
						this.getToolbar().addItem(
							[
								{
									xtype: 'form',
									id: 'monForm',
									url: 'php/webServiceProjet.php?upload=1',
									border: false,
									fileUpload: true,
									items:[
										{
											xtype: 'fileuploadfield',
											id: 'monFileUpload',
											name: 'monFileUpload',
											buttonOnly: true,
											hideLabel: true,
											buttonText: '',
											tooltip: 'monFileUpload',
											buttonCfg: {
												iconCls: 'bo'
											}
 
											/*
												xtype: 'button',
												iconCls: 'bo', //your iconCls here
												handler: function(){
													alert('eee');
													//this.cmp.insertAtCursor('<hr>');
												},
												scope: this,
												tooltip: 'horizontal ruler',
												overflowText: 'horizontal ruler'
											*/
										}										
									]
								}
							]	
						)
					}
				} 
			}			
		]
	});
 
	w.show();	
});

Je pense que je ne peux pas rajouter un formulaire dans dans la toolbar.
Comment ext js n'a pas prévu cette option basique?

Est ce que quelqu'un a déjà rencontré ce problème?

Existe-t-il une solution pour uploader des images via les htmlEditor?

Merci d’avance de vos réponses.

[ticroch]

Existe-t-il une solution pour uploader des images via les htmlEditor?

Je connais avec CKEditor, mais c'est du jQuery .... Il doit bien y avoir un plugin du mêrme genre en Ext ...

[abraxis]

Bonjour,

Une petite aide par ici : HtmlEditor-Image-Uploader

En poussant un petit peu plus les recherches je viens de tomber sur le rajout de bouton au htmlEditor : add-button-to-htmleditor

[khaled_s]

Merci pour ta réponse abraxis

J'ai déjà consulté ces 2 liens. celui de l'image ne fonctionne pas pour moi.
Je pense que je vais le faire dans une fenêtre à part pour uploader et manipuler le css de l'image aussi.

@+