[HTML] Afficher un texte au format HTML dans une textarea

Version imprimable

03/12/2007, 17h02
Akutabi

[HTML] Afficher un texte au format HTML dans une textarea

Bonjour,

Est-il possible d'afficher un texte formaté en html dans une textarea ? Par exemple, si je saisie à la main une URL dans une textbox et qu'ensuite je l'affiche dans une textarea (après éventuellement quelques traitements), est-ce que l'URL peut apparaître dans la textbox en tant que lien hypertexte cliquable ?

Merci,
03/12/2007, 17h03
Bisûnûrs

Pas dans un textarea, non.
03/12/2007, 17h08
Akutabi

Une autre méthode alors ? Car j'aimerai pouvoir saisir du texte dans une textbox et que celui-ci s'affiche ensuite dans la page web en tant que lien cliquable si ce dernier est une URL...à la manière de ce qui se fait dans les fenêtres de discussion d'un logiciel comme MSN sauf que ce serait sur une page web.
03/12/2007, 17h11
Bisûnûrs

Un div en overflow:auto ?
03/12/2007, 17h25
Akutabi

Hmm, ça paraît faisable... la difficulté est du coup de pouvoir mettre à jour le texte contenu dans le div au fur et à mesure qu'il est reçu ou envoyé. Cela signifie mettre à jour la page web je pense.

Ca pourrait se faire uniquement en php ?

Edit : C'est pas terrible le PHP...ça oblige à transmettre dans l'URL de la page web au moment du rafraîchissement le texte du div en argument et donc de créer au final une URL à rallonge qui peut facilement créer des mauvais fonctionnements si elle est modifiée...
03/12/2007, 17h56
jeje13009

slt,

ton edit est vrai si tu passes les params en GET... en POST non !

mais je ne saisis pas l'utilité de l'opération... l'url que tu envoies via ta textbox, je dois pouvoir la voir aussi ??
03/12/2007, 19h32
sachav

Code:

<div contentEditable="true"></div>

?
03/12/2007, 19h49
MasterOfChakhaL

Citation:

Envoyé par sachav

Code:

<div contentEditable="true"></div>

?

A noter que c'est IE-only...
03/12/2007, 19h54
Bisûnûrs

Citation:

Envoyé par MasterOfChakhaL

A noter que c'est IE-only...

Et en aucun cas cette solution est valable ... On peut juste éditer le contenu d'un élément, pas écrire un lien qui se transforme de lui-même en code HTML associé ...
03/12/2007, 23h25
Akutabi

Citation:

Envoyé par jeje13009

slt,

ton edit est vrai si tu passes les params en GET... en POST non !

mais je ne saisis pas l'utilité de l'opération... l'url que tu envoies via ta textbox, je dois pouvoir la voir aussi ??

Mon idée est de pouvoir avoir une page web de tchat comprenant une zone de saisie et une zone d'affichage de texte, fonctionnant de la manière que les fenêtres de discussion MSN Messenger, c'est-à-dire avec la possibilité de rendre cliquable les URL ou adresse email envoyées ou reçues au niveau de la zone d'affichage.

Idéalement, j'aurais voulu que le traitement se fasse au niveau du client d'où ma question sur les textarea. Malheureusement, ça n'a finalement pas l'air possible... du coup je vais peut-être devoir faire ça côté serveur, sûrement en PHP...sauf si quelqu'un a une meilleure idée ? je suis tout ouie :D

Ensuite, si la méthode POST ne fait pas apparaître les arguments dans l'URL de la page web ça réglera au moins un problème du PHP vu qu'ainsi il n'y aura pas de risque que l'url soit modifiée volontairement ou pas...
04/12/2007, 14h09
jeje13009

slt,

mais si c'est un principe de chat tu vas certainement faire appel à AJAX pour ne recharger que la zone de discussion, donc l'URL de ta page PHP n'est pas visible.

la transformation de ton URL pour qu'elle devienne cliquable peut se faire soit côté client en JS (avant le submit), soit côté serveur en PHP : dans les deux cas au moyen des expressions rationnelles...
05/12/2007, 10h45
Akutabi

Merci, j'vais essayer cette méthode pour voir ce que ça donne.

J'ai trouvé cet exemple dans la documentation de prototype :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type='text/javascript' src="prototype-1.4.0.js"></script>
<script>
 
        function chercheHTML() {
 
                var url = 'chercheHTML.html';
                var parametres = 'unParametre=ABCD';
 
                var myAjax = new Ajax.Updater(
                        'emplacement',
                        url,
                        {
                        method: 'get',
                        parameters: parametres
                        }
                );
 
        }
</script>
 
<input type='button' value='ChercheHTML' onclick="chercheHTML()">
<div id="emplacement"></div>

Inséré sans rien d'autre dans une page HTML, il est bien censé afficher le texte "ABCD" dans le div d'id "emplacement", nan ? Parce je l'ai essayé et ça ne donne rien...

09/12/2007, 13h54
kaiser59

Citation:

Envoyé par Akutabi

Bonjour,

Est-il possible d'afficher un texte formaté en html dans une textarea ? Par exemple, si je saisie à la main une URL dans une textbox et qu'ensuite je l'affiche dans une textarea (après éventuellement quelques traitements), est-ce que l'URL peut apparaître dans la textbox en tant que lien hypertexte cliquable ?

Merci,

Apparemment dans un textarea si tu met

Code:

<a href="http://mondomaine.com">toto</a>

celui ci devient un lien quand tu le fais apparaitre dans un div. Je sais de quoi je parle, j'ai dû rusé pour enlever ces conneries de spam dans mon livre d'or. Donc tu n'a rien à faire si tu veux que celui soit un lien enfin juste faire comme si tu codé en html.
09/12/2007, 21h40
jeje13009

slt,

oui mais dans ce cas il ne peut pas utiliser htmlentities...
10/12/2007, 11h59
Akutabi

Citation:

Envoyé par kaiser59

Donc tu n'a rien à faire si tu veux que celui soit un lien enfin juste faire comme si tu codé en html.

faut quand même que je mette à jour le div pour lui ajouter le lien formaté en html et ça ne peut se faire qu'au niveau du serveur, en AJAX si j'ai bien compris...
11/12/2007, 17h54
Akutabi

Je suis en train de tester une version dans laquelle j'affiche mon texte formaté dans une iframe. Cette iframe est incluse à l'intérieur d'une cellule d'un tableau mais j'ai un léger problème de html...Quand je visualise le résultat dans I.E il semble que l'iframe "écrase" la cellule cituée juste en dessous la sienne quelque-soit la taille que je définis pour l'iframe...bizarre

Ce que je veux :
-------
| | IF |
-------
| | |
----

Ce que j'ai dans IE :
-------
| | IF |
-------
| | IF |
-------
- : bordure du tableau
IF : iframe

Quelqu'un a une idée ?
12/12/2007, 09h08
kaiser59

Normal, les celulles d'un tableau, s'ajustent au contenu.
Donc si tu as un une cellules plus grandes qu'une autres les autres s'adapteront automatiquement à la celulles la plus grandes.

Si tu peux éviter les tableaux ce serait bien car, ce n'est pas si partique que l'on pourrait le penser et de plus, tu risques d'avoir un peu de mal pour valider ta page w3c avec des tables.
12/12/2007, 09h54
MasterOfChakhaL

Citation:

Envoyé par kaiser59

...u risques d'avoir un peu de mal pour valider ta page w3c avec des tables.

Pourquoi ?
La validation ne s'occupe pas de la sémantique du code à ce que je sais. Que veux-tu dire par là ?
12/12/2007, 10h22
Akutabi

Citation:

Envoyé par kaiser59

Normal, les celulles d'un tableau, s'ajustent au contenu.
Donc si tu as un une cellules plus grandes qu'une autres les autres s'adapteront automatiquement à la celulles la plus grandes.

Si tu peux éviter les tableaux ce serait bien car, ce n'est pas si partique que l'on pourrait le penser et de plus, tu risques d'avoir un peu de mal pour valider ta page w3c avec des tables.

Je crois savoir quel est le problème dans ce cas...

Sinon très bonne question MasterOfChakhaL, pourquoi ?

Edit : bon finalement je n'arrive pas à régler le problème de l'iframe...y'a t'il un moyen d'empêcher l'iframe "d'écraser" le contenu de la page web situé en dessous ?
12/12/2007, 12h56
kaiser59

Citation:

Envoyé par MasterOfChakhaL

Pourquoi ?
La validation ne s'occupe pas de la sémantique du code à ce que je sais. Que veux-tu dire par là ?

S'il souhaites mettre un formulaire dans une cellules, le w3c n'accepte pas l'imbrication d'un tr ou td puis d'un form

je sais de quoi je parle au boulot, il ne fonctionne qu'avec des tables et des formulaires à l'interieur de celui-ci et si j'essaye de valider au w3c ce n'est pas possible car cf. ce que je viens de dire au dessus et impossible de mettre avant le table vue qu'à l'interieur des tables il y a d'autre formulaires à mettre.

A moins qu'il y ait une autre astuces je suis partant ;)
12/12/2007, 13h43
MasterOfChakhaL

Ok,

Je n'ai vraiment pas l'habitude de constituer mes pages à l'aide de tableaux et je n'avais pas pensé au cas des formulaires.

La seule solution, je pense, c'est que le formulaire soit entièrement mis dans une cellule, ou alors de se débrouiller pour n'avoir qu'un seul formulaire...
12/12/2007, 14h50
Akutabi

et sinon, pour en revenir au sujet : y'a t'il un moyen d'empêcher l'iframe "d'écraser" le contenu de la page web situé en dessous ? ;)

Edit : Ne sachant pas comment me débrouiller avec l'iframe, j'suis revenu à une solution plus "simple" : un div intégrant un tableau et l'ajout de lignes supplémentaires à chaque message envoyé ou reçu...Le div me permet d'avoir un e scrollbarre à gauche et le tableau d'avoir un système d'auto-focus sur le dernier élément affiché.