PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 05-10-2010 14:07:30

t14
Membre
Inscription : 10-09-2009
Messages : 96

Ajout image dans textarea

Bonjour,

J'ai un formulaire où la saisie du texte se passe via un "textarea".
Le texte est ensuite enregistré dans une bd.

Ce que je recherche, c'est une méthode pour saisir un texte dans un formulaire, ajouter un image à la suite (son chemin d'accès), et continuer le texte ...... .
En fait, ajouter un lien, ou URL dans un textarea !!!! Genre ici quand tu veux insérer une image ....... smile

Merci

Hors ligne

#2 05-10-2010 14:44:42

xTG
GrandGourou
Inscription : 18-06-2009
Messages : 1 127
Site Web

Re : Ajout image dans textarea

Dois-tu l'uploader ou non ?

Si non, il suffit d'une simple reconnaissance du texte à remplacer.
Ici le code est [ img]url image[/ img], grâce à ces deux balises on repère le début et la fin de l'url.
Ensuite il n'y a plus qu'à rechercher des occurence de ce type et les remplacer par <img src="url image" /> via les fonctions de remplacement des expressions régulières.

Hors ligne

#3 05-10-2010 17:51:17

t14
Membre
Inscription : 10-09-2009
Messages : 96

Re : Ajout image dans textarea

xTG a écrit :

Dois-tu l'uploader ou non ?

Si non, il suffit d'une simple reconnaissance du texte à remplacer.
Ici le code est [ img]url image[/ img], grâce à ces deux balises on repère le début et la fin de l'url.
Ensuite il n'y a plus qu'à rechercher des occurence de ce type et les remplacer par <img src="url image" /> via les fonctions de remplacement des expressions régulières.

Oui, je veux aussi uploader l'image, et enregistrer le lien en bd.

Avec un javascript, je donne des formes à mon texte : <a href="#" onclick="TAinsert('<b>','</b>');OpenPreview();" style="text-decoration: none"><b>Gras</b>, et autre ..... Puis j'upload une image  : <input type="hidden" name="MAX_FILE_SIZE" value="2000000" />
<input type="file" name="monfichier" size="51" />

Je voudrais y rajouter un bouton qui permettrait d'uploader une image à un endroit désigné du texte.

Donc, avoir un pop-pup qui s'ouvre en cliquant sur le bouton au moment désiré où insérer l'image. Dans le pop-pup pouvoir parcourir son pc pour y récupérer l'image ( <input type="file" name="monfichier" size="51" /> ). Là où ça coince, c'est de récupérer le lien de l'image, l'afficher dans le texte à l'endroit voulu, et l'enregistrer en bd.

Hors ligne

#4 05-10-2010 18:46:30

xTG
GrandGourou
Inscription : 18-06-2009
Messages : 1 127
Site Web

Re : Ajout image dans textarea

Il me semble qu'on peut via javascript récupérer une référence sur la fenêtre mère, en gros celle qui a ouverte ta popup.
J'ai cherché brièvement sur le net mais rien trouvé de concluant (vive la désinformation sur certains mots clés...).

Donc sur ce principe tu pourrais appliquer ta fonction directement sur le formulaire de la page mère malgré que tu sois sur la popup.

Hors ligne

#5 05-10-2010 19:09:02

Pierrot
Ancien nouveau
Inscription : 08-05-2009
Messages : 1 195

Re : Ajout image dans textarea

>>Il me semble qu'on peut via javascript récupérer une référence sur la fenêtre mère

window.parent, çà devrai aller big_smile
a++

Hors ligne

#6 06-10-2010 16:38:55

t14
Membre
Inscription : 10-09-2009
Messages : 96

Re : Ajout image dans textarea

Ce que j'avais pensé aussi faire :

Dans la fenêtre où je saisis mon texte (textarea), je met un bouton, pour insérer une image, qui m’ouvre une fenêtre (pop-pup) en html (ou php) avec laquelle je vais récupérer mon image (<input type="file" name="monfichier" size="xx" />)
Ensuite, il faudrait qu’en fermant ce « pop-pup » je transmette le lien sélectionné à la fenêtre précédente qui serais ma première fenêtre, avec le texte et maintenant le lien.
Donc, il faudrait que je rafraichisse la première fenêtre (où j’ai saisis mon texte, textarea), et que je réaffiche le texte déjà saisi au début, en y rajoutant le lien ………

Mais comment garder le texte en mémoire jusqu’à la phase finale (de la première fenêtre, en passant par la pop-pup, et retour à la première fenêtre) ? roll Avec des sessions peut-être ? roll
Une fois le texte enregistré dans la bd, quand il sera ressorti, comment identifier l'endroit ou doit être affiché l'image ? En faisant du lien dans le texte ?

Sinon, je vais tenter d'utiliser Tiny-MCE .....

Hors ligne

#7 06-10-2010 17:02:05

xTG
GrandGourou
Inscription : 18-06-2009
Messages : 1 127
Site Web

Re : Ajout image dans textarea

Un seul mot : javascript

Il te permet d'insérer des balises dans ton textarea, il te permettra aussi de le faire de ta popup vers ce textarea.

Hors ligne

#8 06-10-2010 17:04:41

Pierrot
Ancien nouveau
Inscription : 08-05-2009
Messages : 1 195

Re : Ajout image dans textarea

mouais, jquery sait faire ca en qq lignes big_smile
bon courage big_smile
a++

Hors ligne

Pied de page des forums