Discussion :

[yakukuesu]

Bonjour,

j'ai integré fckeditor à mon site internet. La majorité des fonctions fonctionnent correctement mais j'aurais souhaité aller plus loin concernant l'insertion d'images dans le textarea.

Ma balise image (pas upload) affiche une boite de dialogue demandant un numéro d'image (les images sont préalablement uploadées sur le serveur).

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function addImage(rte) {
	//function to add image
	var url_image_all2;
	url_image_all = 'http://www.adresse du site/'+url_images;
	imagePath = prompt('Entrez le numéro de l\'image:', '');
url_image_all2=url_image_all+imagePath+'_'+nom_images+'.jpg';	
	if ((imagePath != null) && (imagePath != "")) {
		rteCommand(rte, 'InsertImage', url_image_all2);
	}
}

Or, j'aurais souhaité afficher un deuxième prompt afin de demander l'alignement de l'image.
J'ai donc fait comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function addImage(rte) {
	//function to add image
	var url_image_all2;
	url_image_all = 'http://www.adresse du site/'+url_images;
	imagePath = prompt('Entrez le numéro de l\'image:', '');
        imageAlign = prompt('Alignement de l\'image (left ou right:', '');
url_image_all2=url_image_all+imagePath+'_'+nom_images+'.jpg';	
	if ((imagePath != null) && (imagePath != "")) {
		rteCommand(rte, 'InsertImage', url_image_all2);
	}
}

Malheureusement je ne sais que récupérer la valeur d'alignement. J'aimerais maintenant ajouter l'attribut d'allignement à l'image mais je ne sais pas ou placer mon code.
J'ai essayé cette manière sans succès, puisque les " et espaces sont transformés avec "unescape":

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function addImage(rte) {
	//function to add image
	var url_image_all2;
	url_image_all = 'http://www.adresse du site/'+url_images;
	imagePath = prompt('Entrez le numéro de l\'image:', '');
        imageAlign = prompt('Alignement de l\'image (left ou right:', '');
url_image_all2=url_image_all+imagePath+'_'+nom_images+'.jpg align="'+imageAlign;	
	if ((imagePath != null) && (imagePath != "")) {
		rteCommand(rte, 'InsertImage', url_image_all2);
	}
}

L'objectif serait d'afficher plusieurs boite de dialogues avec des questions simples (bordures oui ou non, alignement, etc...) pour qu'en fonction de la réponse le code soit adapté automatiquement et l'image affichée comme souhaitée par l'utilisateur sans connaitre l'html.

Merci d'avance.

[intrepidfox]

Il y a un explorateur à intégrer dans fckeditor il s'agit de ckfinder on en parle ici.
Il a toutes ces fonctions intégrées et plus encore.