Discussion :

[nenette95]

Bonjour à tous,
j'aurais voulu savoir comment j'aurais pu remplacer un textarea.
j'utilise un textarea pour trois choses :
1°) Inscrire des informations pré-remplis dans un formulaire;

Code javascript :

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

document.getElementById ('AffichageDuMessage').value = Demande ;

(AffichageDuMessage est l'id du textarea et Demande le texte à afficher)

2°) Sélectionner le texte dedans;

Code javascript :

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

document.Final.AffichageDuMessage.select()

(Final le name du form où le textarea est présent)

3°) Etre modifiable par l'utilisateur

Mais je souhaiterais maintenant pouvoir mettre en forme le texte de mon textarea (en gras et souligné).
Après avoir regardé sur le net, il est impossible de réaliser cela dans un textarea car c'est du texte brut.

Avez vous une idée sur l'objet que je dois utiliser permettant de remplir les 4 conditions (j'ai essayé avec une iframe mais je n'arrive plus à sélectionner le texte).

PS : Cela doit être utilisable sous windows comme sous ubuntu et avec MOZ comme navigateur.

Merci d'avance
Cordialement

[grumff]

Plutôt que de réinventer la roue, utilise un composant tout prêt et paramétrable type ckeditor.

[nenette95]

Bonjour grumff,
j'ai suivi votre conseil et me suis intéressée à CLEditor (dans le même style que CKEditor j'imagine).

Il est très facile effective d'obtenir ce que souhaite avec :

Code :

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

1
2
3
4
5
6
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="jquery.cleditor.min.js"></script>
<script type="text/javascript">      
$(document).ready(function() {  $("#input").cleditor();  });  
</script>

Cependant, une chose me chagrine un peu :

Code :

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

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Il est fait appel à un site extérieur et cela ne me plait pas trop. Comment passer outre cela.

Cordialement
nenette95

[laurentSc]

tiny mce ne fait pas appel à un site externe, mais le lien de téléchargement n'est plus bon ; il faut chercher sur Gogol.

[BPiero]

Je te conseillerai plutôt wysihtml5, c'est d'la balle, il est facile à configurer, plus sécurisé, mais surtout il produit du code valide w3c.

En ce qui concerne l'appel à un site externe plusieurs remarques:
1 Il s'agit de JQuery que tu peux très bien télécharger et faire tourner sur ton propre site, comme tout fichier JS, du reste.
2 C'est une vieille version (à éviter)
3 Si tu as peur que le site externe tombe je dirai que ton site tombera avant le site externe (google en l’occurrence)

[grumff]

Effectivement jquery est une bibliothèque de base quand on travaille avec du javascript, et il n'y a aucun besoin de passer par google pour l'utiliser.

Ensuite pour ce qui est des composants, chacun a ses préférences, une recherche sur "textarea wysiwyg" devrait en sortir un petit paquet, à chacun de trouver celui qui est le mieux adapté à son cas d'utilisation...

[nenette95]

Parfait
Merci laurentSc TinyMCE correspond exactement à ce que je souhaitais .
Merci également à ceux qui ont prit le temps de répondre.

Résolu